Tabs
The Tabs component organizes content into distinct, switchable sections within the same view. It helps users navigate between related content areas without leaving the page.
tsx
Underline
Bottom border indicator. Clean and minimal for content sections and page-level navigation.
Pill
Filled background for the active tab inside a neutral container. Ideal for toggling views within a card or panel.
Sizes
Two sizes: sm and md (default). Applies to all triggers via context.
Disabled
Individual triggers can be disabled via the disabled prop.