Tabs
Keyboard-accessible views that share one subject and page context.
Built on Radix TabsUpstream API
Customer concerns, vehicle details, and current progress belong in this panel.
Usage
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@workshop1/ui/components/tabs"Use tabs for views of the same entity or task. Use links for unrelated destinations. default is compact, line suits familiar product sections, and ledger creates a vertical index for longer titled entries.
The list scrolls horizontally on narrow screens instead of wrapping. Keep labels concise, preserve the active value in URL state when users need to share or revisit it, and do not reset unfinished forms when switching panels.
Accessibility
Give TabsList an accessible label. Radix connects each trigger to its panel and supplies keyboard navigation. Choose manual activation when changing tabs starts expensive work.