BjStepper

Indicateur d’étapes pour un parcours (formulaire, démarche) avec étape courante et états complétés.

Utilisation

<script setup>
import { BjStepper } from '@flrxnt/dsbj/vue'
</script>

<template>
  <BjStepper
    title="Démarche"
    :steps="[
      { label: 'Informations', done: true },
      { label: 'Pièces jointes' },
      { label: 'Validation' },
    ]"
    :current="1"
    detail="Texte d’aide sous les étapes."
  >
    <p>Contenu de l’étape courante</p>
  </BjStepper>
</template>

Aperçu

Props

Prop	Description
`title`	Titre affiché au-dessus de la liste d’étapes.
`steps`	Tableau d’étapes : label et done optionnel pour chaque entrée.
`current`	Index de l’étape courante (0-based).
`vertical`	Affichage vertical si true.
`detail`	Texte descriptif sous les étapes.