Tabs
Des vues qui se remplacent au même endroit.
Elles servent à des contenus de même rang — jamais à des étapes, qui ont un ordre et des Steps, ni à une navigation entre écrans, qui change l'adresse.
Installation
bash
sia-ui add tabsOu par le paquet, sans rien copier :
tsx
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@sia-ui/react-web";Props de Tabs
| Prop | Type | Défaut | Description |
|---|---|---|---|
* defaultValue | string | — | |
className | string | — | |
onValueChange | (value: string) => void | — | |
value | string | — |
Props de TabsList
| Prop | Type | Défaut | Description |
|---|---|---|---|
className | string | — |
Props de TabsTrigger
| Prop | Type | Défaut | Description |
|---|---|---|---|
* value | string | — | |
disabled | boolean | — |
Props de TabsContent
| Prop | Type | Défaut | Description |
|---|---|---|---|
* value | string | — | |
className | string | — |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.