Tour
Une visite guidée de l'écran.
Chaque étape vise un élément par son sélecteur plutôt que par une référence : une visite se déclare souvent loin des composants qu'elle montre, et parfois avant qu'ils n'existent.
Installation
bash
sia-ui add tourOu par le paquet, sans rien copier :
tsx
import { Tour } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* onOpenChange | (open: boolean) => void | — | |
* open | boolean | — | |
* steps | TourStep[] | — | |
className | string | — | |
initialStep | number | 0 | |
onStepChange | (step: number) => void | — |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.