Ravox KitNavigation

Tabs

The indicator stretches like an elastic band from one tab to the other. Arrows, Home and End navigate by keyboard.

Resumo do projeto, quem mexeu por último e o que falta.

Settings

Elástico

Installation

The command creates components/ui/tabs.tsx in your project and installs the theme with it. The file is yours: edit it as you like.

npx @ravox-ui/cli add tabs

Props

PropTypeDefaultDescription
defaultValuestring—Tab open at the start (Tabs, uncontrolled mode).
value / onValueChangestring / (value: string) => void—Controlled mode (Tabs).
elastic"subtle" | "strong""subtle"How much the indicator stretches (TabsList).
valuestring—Identifies the tab (TabsTrigger and TabsContent).

More in Navigation