← ui-lab

Tree Multiselect

A tree view where more than one node can be selected at once (aria-multiselectable). Arrow keys move focus and expand/collapse; Space toggles the focused node's selection so you can select several nodes across folders, and clicking toggles too. The file-manager “select multiple files” capability, accessible by keyboard.

Preview

  • Fruits
    • Apple
    • Banana

Click a node (or focus it and press Space) to toggle its selection; Arrow keys navigate and expand/collapse.

Installation

npx shadcn@latest add https://ui.publictheta.com/r/tree-multiselect.json

Conformance

This component conforms to the @publictheta/ui-spec tree-multiselect specification. Run the suite against any implementation with pnpm conformance.