Tabs

Tabbed interface built on Radix Tabs. Line, pills, and enclosed variants.

Installation

Examples

Line variant (default)

Underline indicator on the active tab.

Overview tab content goes here.

Pills variant

Segmented control style.

API Reference

PropTypeDefaultDescription
valuestringControlled active tab.
onValueChange(v: string) => voidCalled when tab changes.
variant'line'|'pills'|'enclosed''line'Visual style.
orientation'horizontal'|'vertical''horizontal'Layout direction.