Component gallery

Tabs

Tab strips with status and detail slots per tab, the shape pipeline stages and job views use.

Variants

underline (default), pill, enclosed, chip. Active color comes from the surface table

Chip variant

Plain surface at rest, tinted when selected. Wraps rather than scrolling, so a long facet set stays visible

Pipeline tabs

status dot + detail line + disabled-with-reason (hover Export): the walmart CatalogDetail shape as pure config

Active stage: scrape · panel content is plain children keyed by the active value.

Badges + grow + sizes

trailing badge slot; grow stretches triggers; sm/md/lg

Keyboard

Focus a tab, then Left/Right arrows move AND commit (skipping disabled); Home/End jump

Skeleton

Placeholder strip while the tab set loads

Styling slots

Every className the component exposes, and what it reaches
className
the wrapper
listClassName
the tab strip
triggerClassName
every tab
activeTriggerClassName
the selected tab
panelClassName
the active tab's panel
@versable-git/ui · all states, both themes