Tabs
Switch between panels of content. Available in underline and pill styles.
Import
import { Tabs } from "@igorao79/uivix";Examples
Underline
Default style
A quick summary of your project.
Pills
Segmented control style
A quick summary of your project.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tabs | { id: string; label: ReactNode; content: ReactNode }[] | - | Tab definitions |
| defaultTab | string | first tab | Initially active tab id |
| variant | "underline" | "pills" | "underline" | Visual style |
| className | string | - | Additional CSS classes |