TreeView

Products

Keyboards

Mice

Orders

Customers


import { TreeView } from '@gg-software/ui';
 
<TreeView
    nodes={categories}
    defaultExpandedKeys={['products']}
    selectedKey={selected}
    onSelect={(key, node) => setSelected(key)}
/>;

Props

Prop	Type	Default
`nodes`*	`TreeNode[]`	—
`selectedKey`	`string`	—
`defaultExpandedKeys`	`string[]`	`[]`
`onSelect`	`((key: string, node: TreeNode) => void)`	—
`className`	`string`	—

* required · generated from packages/ui/src/data/TreeView/TreeView.tsx

Types


type TreeNode = {
    key: string;
    label: ReactNode;
    icon?: ReactNode;
    children?: TreeNode[];
};