Timeline (Historique d'evenements) ​

Representation verticale d'evenements date avec tonalite semantique.

Distinction avec Stepper

  • BcTimeline = journal/historique (quoi, quand, impact)
  • BcStepperH / BcStepperV = plan d'etapes d'un parcours
  • Voir Progression

Démo — États d'un dossier KYB ​

✓

Création du dossier

15/01/2026 · 09:14 · a.lavon

●

Vérification KYB en cours

Démarrée le 17/01/2026 · En attente documents

Configuration API

En attente de validation KYB

!

Activation production — Bloquée

Document Kbis expiré — renouvellement requis

Etats usuels ​

ÉtatVisuelUsage
success● vertValidation/etape franchie
default● neutreInformation standard
warn● jauneAlerte ou action en attente
danger● rougeIncident/erreur

Usage Vue ​

vue
<BcTimeline :items="items" />

<script setup>
const items = [
  { id: '1', title: 'Creation dossier', text: 'Corp Alpha SAS', time: '15/01/2026 09:14', tone: 'success' },
  { id: '2', title: 'Verification KYB', text: 'En attente documents', time: '17/01/2026 10:42', tone: 'warn' },
  { id: '3', title: 'Activation production', text: 'Kbis expire', time: '18/01/2026 14:10', tone: 'danger' },
]
</script>