⬡ FRAMEWERK
ReferenceNodes

tab-bar

The bottom (or top) tab bar: items with icon, label, and optional active-when expression and action.

View as Markdown

tab-bar

The bottom (or top) tab bar: items with icon, label, and optional active-when expression and action.

Example

tab-bar
phone
SPEC.JSON
RENDERED OUTPUTFRAMEWERK RENDERER
Home body
Home
Search
Settings
Edit the JSON to update the rendered screen.Edits stay in this preview

States

activeWhen expression, per-item action. Common to every node: hover / press / focus CSS bags, showWhen / hideWhen, animate.

Stability

This node type is part of the format contract: adding an optional prop is additive; removing the node or narrowing an existing prop is breaking. Prop tables are generated from the schema; this page carries the prose.