Componente

Acordeon

Acordeón expandible con ítems independientes o modo exclusivo (solo uno abierto).

{% comp_acordeon ... %}

Código a utilizar

template.html 
{% comp_acordeon id="acordeon-demo" items=[{"title": "Elemento A", "description": "Descripción del elemento A", "icon": "BeakerIcon", "content": "Contenido detallado A", "url": "#"}, {"title": "Elemento B", "description": "Descripción del elemento B", "icon": "CloudIcon", "content": "Contenido detallado B", "url": "#"}, {"title": "Elemento C", "description": "Descripción del elemento C", "icon": "SparklesIcon", "content": "Contenido detallado C", "url": "#"}] %}

Vista previa en vivo

Elemento A
Contenido detallado A
Elemento B
Contenido detallado B
Elemento C
Contenido detallado C

API Props & Playground

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

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