Componente

Menu List

Lista de enlaces de menú con icono y estado activo por ítem.

{% comp_menu_list ... %}

Código a utilizar

template.html 
{% comp_menu_list items=[{"title": "Dashboard", "icon": "HomeIcon", "url": "#", "active": true}, {"title": "Reportes", "icon": "ChartBarIcon", "url": "#", "active": false}, {"title": "Usuarios", "icon": "UsersIcon", "url": "#", "active": false}, {"title": "Ajustes", "icon": "Cog6ToothIcon", "url": "#", "active": false}] title="Navegación" %}

Vista previa en vivo

Navegación

API Props & Playground

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

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