Tabs
A set of layered sections of content, shown one panel at a time.
$
Registry itembunx shadcn@latest add @nx-ui/tabsInstalls withutils
Default variant
The default TabsList renders as a filled pill track with an elevated active tab.
Bramfield depot is running at 62% of seasonal intake capacity, ahead of last year's figures for this point in the collection cycle.
Line variant
Pass variant="line" to TabsList for an underlined track instead of a filled pill.
Windrows are turned every five days during active composting, dropping to weekly once the pile passes its thermophilic phase.
Vertical orientation
Set orientation="vertical" to stack the list alongside the panel.
Organisation name, registered address and primary contact for Willowmere Community Orchard.
Disabled tab
An individual trigger can be disabled while the rest of the list stays interactive; the active tab falls back to the next enabled one.
Accepting compost donations and volunteer soil days through the autumn planting window.
Organisation dashboard
A realistic composition mixing icon-led triggers, badges and cards inside each panel.
Bramfield depot intake
Seasonal capacity across all waste streams
Green waste
Soil
84% diverted from landfill this quarterOn track
API reference
Exported parts and their props, extracted from the component source.