Línea de tiempo

Muestra la evolución de los asuntos en orden cronológico. En el modo alternate los elementos se disponen de forma alternativa a izquierda y derecha; cada elemento admite un tipo y un nodo hueco.

Línea de tiempo

<template>
  <div class="demo-col">
    <p class="demo-note">mode="left" (predeterminado)</p>
    <LhTimeline>
      <LhTimelineItem timestamp="2026-09-01" type="primary">Inicio de la digitalización del «Corpus completo de la pintura Song»</LhTimelineItem>
      <LhTimelineItem timestamp="2026-09-10" type="success">Se completan 120 capturas de alta definición</LhTimelineItem>
      <LhTimelineItem timestamp="2026-09-20" type="warning" hollow>La revisión de color detecta 3 desviaciones</LhTimelineItem>
      <LhTimelineItem timestamp="2026-10-01" type="danger">Revisión completada y nueva publicación</LhTimelineItem>
    </LhTimeline>
    <p class="demo-note">mode="alternate" (alternancia izquierda/derecha)</p>
    <LhTimeline mode="alternate">
      <LhTimelineItem timestamp="Song del Norte" type="primary">Fan Kuan, *Viaje por las montañas y los arroyos*</LhTimelineItem>
      <LhTimelineItem timestamp="Song del Norte" hollow>Guo Xi, *Primera primavera*</LhTimelineItem>
      <LhTimelineItem timestamp="Dinastía Yuan" type="success">Huang Gongwang, *Morada en las montañas Fuchun*</LhTimelineItem>
    </LhTimeline>
  </div>
</template>

Timeline Props

Prop	Descripción	Tipo	Predeterminado
mode	Modo de maquetación (alternate: alternancia izquierda/derecha)	'left' \| 'alternate'	'left'
sx	Prop abreviada de maquetación	—	—

TimelineItem Props

Prop	Descripción	Tipo	Predeterminado
timestamp	Marca de tiempo	string	—
type	Tipo de nodo	'primary' \| 'success' \| 'warning' \| 'danger'	—
hollow	Nodo hueco	boolean	false
sx	Prop abreviada de maquetación	—	—

Slots

Slot por defecto de TimelineItem: contenido del elemento.