checkpoints.ds

Search the design system

Jump to a page or component

COMPONENT

tabs

Implemented on both platforms.

Platform coverage

Generated from the source tree.

WEB

WEB: YES
Source
apps/web/components/ui/tabs.tsx
Imported by
5 files
Lines
92
Exports
Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants

MOBILE

MOBILE: YES
Source
apps/mobile/components/ui/tabs.tsx
Imported by
1 files
Lines
366
Exports
Tabs, TabsContent, TabsList, TabsTrigger

Variants

Parsed from the component's CVA config. A red option exists on web but not on mobile.

VARIANT

defaultline

Examples

Live components. Switch themes in the header to see them re-render.

VARIANTS

`line` is the underlined form used on game detail; `default` is the filled pill group. The mobile app has no generic Tabs primitive yet — see the parity report.

Default variant.
Line variant.