Back to Components

macOS

OutlineView

Disclosure tree (TreeView). Recursive list with chevron toggles, selection state, and Finder-style indentation.

Examples

File explorer

<OutlineView
  nodes={[…]}
  bind:selectedId={selected}
  defaultExpanded={['src', 'components']}
/>

Props

PropTypeDefaultDescription
nodesTreeNode[]Recursive `{id, label, icon?, children?}`.
selectedIdstringBindable selection.
defaultExpandedstring[][]IDs to expand on first render.
onSelect(id: string) => voidFires on row click.

Install

CLI

npx @a3tai/mittsu add outline-view