mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(tree-view): refine examples

Browse source
This commit is contained in:
Eric Y Liu 2021-07-05 08:39:54 -07:00
commit c7a2cc62a8
1 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
docs/src/pages/components/TreeView.svx
View file

@ -9,7 +9,7 @@ The `children` prop accepts an array of child nodes. Each node should contain `i
Optional properties include `disabled`, `expanded`, `icon`, and `children`.
A parent node is a node with `children` while a leaf node does not.
A parent node contains `children` while a leaf node does not.
<InlineNotification svx-ignore title="Note:" kind="info" hideCloseButton>
<div class="body-short-01">Every node must have a unique id.</div>
@ -29,16 +29,18 @@ Set `size` to `"compact"` to use the compact variant.
<FileSource src="/framed/TreeView/TreeViewCompact" />
### Initial expanded nodes
<FileSource src="/framed/TreeView/TreeViewExpanded" />
### With icons
To render a node with an icon, define an `icon` property with a Carbon Svelte icon as its value.
<FileSource src="/framed/TreeView/TreeViewIcons" />
### Initial expanded nodes
Set `expanded` to `true` on nodes that should be expanded by default.
<FileSource src="/framed/TreeView/TreeViewExpanded" />
### Initial multiple selected nodes
Initial multiple selected nodes can be set using `selectedIds`.