An accessible hierarchy with independent focus, expansion and single or multiple selection. Arrow keys navigate, Home/End move to the edges, typing finds visible labels, and Enter/Space select.
<TreeView aria-label="Files" defaultExpanded={['projects']} items={[{ id: 'projects', label: 'Projects', children: [{ id: 'readme', label: 'README' }] }]} /> Copy
<TreeView aria-label="Files" defaultExpanded={['projects']} items={[{ id: 'projects', label: 'Projects', children: [{ id: 'readme', label: 'README' }] }]} />
An accessible hierarchy with independent focus, expansion and single or multiple selection. Arrow keys navigate, Home/End move to the edges, typing finds visible labels, and Enter/Space select.