Componente

List Group

Lista de ítems estructurados con icono, descripción, badge y enlace opcional.

{% comp_list_group ... %}

Código a utilizar

template.html 
{% comp_list_group 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

Lista de Elementos

3

  • Elemento A

    Descripción del elemento A

  • Elemento B

    Descripción del elemento B

  • Elemento C

    Descripción del elemento C

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.