Skip to main content
TermRock
GitHub
ComponentsNavigation

Component · Navigation

Tree

Hierarchical collection with stable IDs, semantic live-tone tiers, pinned-prefix horizontal label scroll, lazy children, expansion, selection/check, metadata, typeahead, virtualization, and ASCII glyphs.

Kind
widget
Input
interactive
Canvas
120×40

Live preview

Loading terminal preview.

Static terminal poster. Choose Run live to start the Rust demo.

Ghosttytree/navigation
Loading terminal poster…
○ loading posterNo input — rendered state only
Tree · exact mounted Rust story
01 · Purpose
What it is for
Hierarchical collection with stable IDs, semantic live-tone tiers, pinned-prefix horizontal label scroll, lazy children, expansion, selection/check, metadata, typeahead, virtualization, and ASCII glyphs.
Best fit: Navigation · navigation · widget
02 · Behavior
What the mounted story proves
  1. 01
    Tree
    Representative 120×40 terminal state.
  2. 02
    Passive paint
    No keyboard or pointer action is claimed by this representative story.
  3. 03
    Evidence stays explicit
    5 covered · 8 partial · 4 missing axes.
03 · Implement
Install, then start from exact code
Install
cargo add termrock --git https://github.com/tailrocks/termrock.git --rev 5283c2acf9154d0cfcd37b1ffe821c00faf90ea2
Add TermRock once. Keep domain effects in the host application.
Minimal implementation
Exact Rust setup used by tree/navigation.
Open to load code.
04 · Adapt
Variants and composition
Variants
Use the preview Variant menu when alternate registered stories exist. Each selection mounts a fresh configuration.
Composition
Navigation · navigation · widget
05 · Reference
API, tokens, accessibility
Tokens
DesignSystemInspect exact story code for roles and capability projection.
Accessibility
Input contract mountedNo input claim in the representative story.
Contract
Evidence in progress5/23 axes covered
06 · Go deeper
Advanced guidance
Ownership boundary
TermRock owns reusable terminal rendering and interaction state. The host owns domain data, policy, persistence, authorization, and side effects.
Evidence status
5 covered, 8 partial, and 4 missing contract axes. Missing evidence is not a behavior claim.
Tabs
A composable tab strip with roving focus, manual/automatic activation, badges/status, close/reorder hooks, and narrow overflow/Select contraction. Panel state stays host-owned by id.
Tree Navigation
Hierarchical route navigation with expansion, lazy children, typeahead, active ancestors, and route distinct from focus. Distinct from data Tree.