Navigation v1.0.0

Tree View

Hierarchical data display with expandable/collapsible nodes, icons, checkbox selection, and keyboard navigation. Perfect for file browsers, category trees, and org charts. Supports tri-state parent checkboxes, single/multiple selection, and indent guide lines.

Preview & Code

Options

Name Type Default Description
nodes * Array required Nested array of hashes. Each: { id: String, label: String, icon: Symbol, children: Array, expanded: Boolean, selected: Boolean, href: String }
selectable Symbol :none Selection mode: :none, :single, :multiple
checkable Boolean false Show checkboxes with tri-state parent behavior
show_lines Boolean true Show indent guide lines between levels
default_expanded Array | String [] Array of node IDs to expand by default, or "all" to expand all
class String "" Additional CSS classes for the container

Changelog v1.0.0

- v1.0.0: Initial release with expand/collapse, selection, checkboxes, and keyboard navigation

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now