Componente

Stat List

Compact metric list with label, value, icon and badge per row.

{% comp_stat_list ... %}

Código a utilizar

template.html 
{% comp_stat_list items=[{"label": "Usuarios activos", "value": "1.284", "icon": "UsersIcon", "color": "primary", "badge": "+12%", "badge_color": "success"}, {"label": "Ventas del mes", "value": "45.200 €", "icon": "CurrencyEuroIcon", "color": "success"}, {"label": "Tickets abiertos", "value": "23", "icon": "ChatBubbleIcon", "color": "warning", "badge": "5 urgentes", "badge_color": "error"}, {"label": "Uptime del sistema", "value": "99.9%", "icon": "ServerIcon", "color": "primary"}, {"label": "Solicitudes/min", "value": "8.432", "icon": "ArrowPathIcon", "color": "secondary"}] title="Métricas del Sistema" %}

Vista previa en vivo

Métricas del Sistema

  • Usuarios activos
    +12% 1.284
  • Ventas del mes
    45.200 €
  • Tickets abiertos
    5 urgentes 23
  • Uptime del sistema
    99.9%
  • Solicitudes/min
    8.432

API Props & Playground

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

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