Chronologie

Affiche le déroulement d'événements dans l'ordre chronologique. Le mode alternate alterne les entrées à gauche et à droite ; chaque entrée prend en charge un type et des nœuds évidés.

Chronologie

<template>
  <div class="demo-col">
    <p class="demo-note">mode="left" (par défaut)</p>
    <LhTimeline>
      <LhTimelineItem timestamp="2026-09-01" type="primary">Lancement de la numérisation du *Recueil complet des peintures Song*</LhTimelineItem>
      <LhTimelineItem timestamp="2026-09-10" type="success">Numérisation HD de 120 œuvres achevée</LhTimelineItem>
      <LhTimelineItem timestamp="2026-09-20" type="warning" hollow>La revue d'étalonnage a relevé 3 écarts</LhTimelineItem>
      <LhTimelineItem timestamp="2026-10-01" type="danger">Revue terminée, republication</LhTimelineItem>
    </LhTimeline>
    <p class="demo-note">mode="alternate" (alternance gauche/droite)</p>
    <LhTimeline mode="alternate">
      <LhTimelineItem timestamp="Song du Nord" type="primary">Fan Kuan, *Voyageurs parmi les montagnes et les rivières*</LhTimelineItem>
      <LhTimelineItem timestamp="Song du Nord" hollow>Guo Xi, *Le printemps précoce*</LhTimelineItem>
      <LhTimelineItem timestamp="Dynastie Yuan" type="success">Huang Gongwang, *Séjour dans les monts Fuchun*</LhTimelineItem>
    </LhTimeline>
  </div>
</template>

Timeline Props

Prop	Description	Type	Valeur par défaut
mode	Mode de mise en page (alternate : alternance gauche/droite)	'left' \| 'alternate'	'left'
sx	Propriétés de mise en page rapide	—	—

TimelineItem Props

Prop	Description	Type	Valeur par défaut
timestamp	Horodatage	string	—
type	Type de nœud	'primary' \| 'success' \| 'warning' \| 'danger'	—
hollow	Nœud évidé	boolean	false
sx	Propriétés de mise en page rapide	—	—

Slots

Slot par défaut de TimelineItem : contenu de l'entrée.