Timeline

Línea de tiempo visual.

Uso básico

El Timeline puede ser dividido en múltiples actividades. Las marcas de tiempo son características importantes que los distinguen de otros componentes. Observe la diferencia con Steps.

Nodo personalizado

El tamaño, el color y los iconos se pueden personalizar en el nodo.

Marcas de tiempo personalizadas

Las marcas de tiempo ( timestamp ) puede colocarse encima del contenido cuando éste es demasiado alto.

Centrado verticalmente

Timeline-Item se centra verticalmente.

Timeline API

Slots de Timeline

NombreDescripciónSubtags
defaultpersonalizar el contenido por defecto para la línea de tiempoTimeline-Item

Timeline-Item API

Atributos de Timeline-Item

NombreDescripciónTipoPor defecto
timestampContenido personalizado del ítem del timelinestring''
hide-timestampDefinición personalizada del nodobooleanfalse
centersi se centra verticalmentebooleanfalse
placementla posición de timestampenumbottom
typetipo de nodoenum''
colorcolor de fondo del nodoenum''
sizetamaño del nodoenumnormal
iconcomponente de iconostring / Component
hollowicono es huecobooleanfalse

Slots de Timeline-Item

NombreDescripción
defaultpersonaliza el contenido predeterminado para timeline-item
dotpersonaliza nodo definido para el timeline-item

Fuente

ComponentesDocumentación

Contribuidores