← ui-lab

Check Tree

A tree of tri-state checkboxes — the file-permissions / category-filter tree. Toggle a node with Space or a click; toggling cascades to every descendant. Each parent's state is derived from its leaves: all checked shows a check, none shows empty, and a partial selection shows the third mixed state. Arrow keys navigate and expand/collapse.

Preview

  • Documents
    • Report.pdf
    • Photos
      • Beach.jpg
  • Music
    • Song.mp3

Installation

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

Conformance

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