Tabs
Radix-driven tabs with a pure-CSS sliding underline indicator — no layout measurement, no JS. Supports horizontal and vertical orientation.
Source
src/components/ui/tabs.tsxUncontrolled (defaultValue)
Pick a defaultValue and let the component own the state. Arrow keys navigate, Home/End jump to edges.
Traffic is up 12% week-over-week.
Controlled
Bind value + onValueChange when another part of the UI (or URL state) owns the active tab.
Rendered app — iframe the latest build.
Active: preview
Vertical orientation
Left-side rail with a 2px accent bar that slides into the active row.
Name, email, avatar.