Componente

Steps

Indicador de pasos de un wizard/proceso con estado completado, activo y pendiente.

{% comp_steps ... %}

Código a utilizar

template.html
{% comp_steps current_step=2 steps=[{"title": "Configuración"}, {"title": "Validación"}, {"title": "Confirmación"}, {"title": "Finalizado"}] %}

Vista previa en vivo

1
Configuración
2
Validación
3
Confirmación
4
Finalizado

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
current_step
None
steps
None
4 elementos
classes
''

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