BjStepper

Indicateur d’étapes : titre optionnel, liste de libellés, index courant, détail sous les étapes et variante verticale.

Utilisation

import { BjStepper } from '@flrxnt/dsbj/react'

export default function App() {
  return (
    <BjStepper
      title="Votre dossier"
      current={1}
      detail="Complétez les champs obligatoires avant la suite."
      steps={[
        { label: 'Identité', done: true },
        { label: 'Pièces' },
        { label: 'Validation' },
      ]}
    >
      <p>Contenu de l’étape courante…</p>
    </BjStepper>
  )
}

Aperçu

Props

Prop	Description
`title`	Titre affiché dans l’en-tête du stepper (h2).
`steps`	Tableau d’objets avec chaîne label et booléen done optionnel ; une étape est terminée si done est vrai ou si son index est strictement inférieur à current.
`current`	Index de l’étape courante (base 0).
`vertical`	Si vrai, ajoute la classe bj-stepper--vertical.
`detail`	Texte descriptif sous la rangée d’étapes.
`children`	Contenu rendu après l’en-tête (par ex. le formulaire de l’étape).
`…rest`	Attributs natifs du conteneur div et className fusionnés sur l’élément racine.