Tabs
Switch between views of the same content. Underline with a sliding bar, pill with a sliding thumb, or soft chips.
import { Tabs, TabsList, TabsTrigger, TabsContent } from "pleate/tabs";Underline, pill, soft
Three nights in Alfama with a rooftop over the river.
Three nights in Alfama with a rooftop over the river.
Three nights in Alfama with a rooftop over the river.
Props
- value / defaultValue / onValueChange
Selected tab.
string- variant
Look.
"underline" | "pill" | "soft"default "underline"- size
Trigger height and type.
"sm" | "md"default "md"- activationMode
Select on focus or on Enter (Radix).
"automatic" | "manual"default "automatic"
Accessibility
- tablist / tab / tabpanel roles with aria-selected and aria-controls.
- Arrow keys, Home and End move between tabs.