Steps

Une progression en étapes.

Le trait entre deux étapes se remplit plutôt que de changer de couleur d'un coup : c'est ce qui donne le sens de la marche, vers l'avant.

Installation

bash

sia-ui add steps

Ou par le paquet, sans rien copier :

tsx

import { Steps } from "@sia-ui/react-web";

Prop	Type	Défaut	Description
* `items`	`StepItem[]`	—
`className`	`string`	—
`current`	`number`	`0`	Index de l'étape en cours. Ce qui précède est fait, ce qui suit à venir.
`onStepClick`	`(item: StepItem, index: number) => void`	—	Rend les étapes cliquables — pour revenir en arrière dans un tunnel.
`orientation`	`"horizontal" \| "vertical"`	`horizontal`
`size`	`"sm" \| "md"`	`md`

* obligatoire.