Tree

Tree — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

Tree — Prism component.

Accessibility

Rendered as a real <table> with header scopes; sortable columns expose aria-sort. Row selection and actions are keyboard reachable.

Import

const { Tree } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
items	TreeNodeData[]	Yes
defaultExpandedKeys	string[]	—
selectedKey	string | null	—	Controlled selected node id.
onSelectionChange	(id: string, node: TreeNodeData) => void	—
className	string	—