@trimble-oss/moduswebcomponents/types/components/modus-wc-tree-item/modus-wc-tree-item.story-source.d.ts

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

export declare const treeItemDefaultSourceCode = "\n<modus-wc-tree-menu>\n  <modus-wc-tree-item\n    label=\"Tree Item\"\n    size=\"md\"\n    value=\"treeItem\"\n  ></modus-wc-tree-item>\n</modus-wc-tree-menu>\n";
export declare const treeItemWithStartSlotSourceCode = "\n<modus-wc-tree-menu>\n  <modus-wc-tree-item label=\"Tree Item\" size=\"md\" value=\"treeItem\">\n    <modus-wc-icon slot=\"start\" name=\"alert\" size=\"sm\"></modus-wc-icon>\n  </modus-wc-tree-item>\n</modus-wc-tree-menu>\n";
export declare const treeItemWithEndSlotSourceCode = "\n<modus-wc-tree-menu>\n  <modus-wc-tree-item label=\"Tree Item\" value=\"treeItem\">\n    <modus-wc-icon slot=\"start\" name=\"folder\" size=\"sm\"></modus-wc-icon>\n    <modus-wc-dropdown-menu\n      slot=\"end\"\n      button-variant=\"borderless\"\n      button-size=\"sm\"\n      button-shape=\"circle\"\n      button-aria-label=\"More options\"\n    >\n      <modus-wc-icon slot=\"button\" decorative name=\"more_vertical\" size=\"sm\"></modus-wc-icon>\n      <modus-wc-menu-item slot=\"menu\" label=\"Rename\" value=\"rename\"></modus-wc-menu-item>\n      <modus-wc-menu-item slot=\"menu\" label=\"Duplicate\" value=\"duplicate\"></modus-wc-menu-item>\n      <modus-wc-menu-item slot=\"menu\" label=\"Delete\" value=\"delete\"></modus-wc-menu-item>\n    </modus-wc-dropdown-menu>\n  </modus-wc-tree-item>\n</modus-wc-tree-menu>\n";
export declare const treeItemCustomSourceCode = "\n<modus-wc-tree-menu size=\"sm\">\n  <modus-wc-tree-item label=\"Tree Item\" value=\"treeItem\">\n    <modus-wc-icon slot=\"start\" name=\"search\"></modus-wc-icon>\n    <div slot=\"end\" style=\"display: flex; align-items: center;\">\n      <div\n        style=\"width: 1px; background: currentColor; opacity: 0.3; margin-inline-end: 4px; align-self: stretch;\"\n      ></div>\n      <modus-wc-button variant=\"borderless\" size=\"sm\" aria-label=\"Open folder\">\n        <modus-wc-icon name=\"folder_closed\" size=\"sm\"></modus-wc-icon>\n        <modus-wc-icon name=\"chevron_right\" size=\"sm\"></modus-wc-icon>\n      </modus-wc-button>\n    </div>\n  </modus-wc-tree-item>\n</modus-wc-tree-menu>\n";
export declare const treeItemWithCheckboxSourceCode = "\n<modus-wc-tree-menu>\n  <modus-wc-tree-item\n    checkbox=\"true\"\n    label=\"Tree Item\"\n    value=\"treeItem\"\n  ></modus-wc-tree-item>\n</modus-wc-tree-menu>\n";
export declare const treeItemWithTooltipSourceCode = "\n<modus-wc-tree-menu>\n  <modus-wc-tree-item\n    label=\"Tree Item\"\n    tooltip-content=\"Tooltip content\"\n    value=\"treeItem\"\n  ></modus-wc-tree-item>\n</modus-wc-tree-menu>\n";
export declare const treeItemShadowDomParentSourceCode = "\n<tree-item-shadow-host></tree-item-shadow-host>\n<script>\n  // Register once \u2014 see Storybook story implementation for the full shadow-host class.\n  const host = document.querySelector('tree-item-shadow-host');\n  host.props = {\n    label: 'Tree Item',\n    size: 'md',\n    value: 'treeItem',\n  };\n</script>\n";