Componente

Timeline

Línea de tiempo vertical con ícono, título, descripción y fecha por evento.

{% comp_timeline ... %}

Código a utilizar

template.html 
{% comp_timeline items=[{"title": "Proyecto iniciado", "description": "Se creó el repositorio y la estructura inicial.", "date": "Ene 2026", "icon": "PlusIcon", "color": "primary"}, {"title": "Primera versión", "description": "Se publicaron los primeros 19 componentes atómicos.", "date": "Feb 2026", "icon": "CheckIcon", "color": "success"}, {"title": "Tabulator integrado", "description": "Integración completa con Tabulator 6.2 para tablas avanzadas.", "date": "Mar 2026", "icon": "StarIcon", "color": "warning"}] %}

Vista previa en vivo

Ene 2026 Paso 1

Proyecto iniciado

Se creó el repositorio y la estructura inicial.

Feb 2026 Paso 2

Primera versión

Se publicaron los primeros 19 componentes atómicos.

Mar 2026 Paso 3

Tabulator integrado

Integración completa con Tabulator 6.2 para tablas avanzadas.

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
items
None
 3 elementos
classes
''

Carga la librería con {% load components_ui %} antes de usar el componente.