Componente

Empty State

Empty state placeholder with icon, title, description and optional action.

{% comp_empty_state ... %}

Código a utilizar

template.html
{% comp_empty_state title="No hay productos disponibles" description="Cuando añadas productos al catálogo aparecerán aquí. Empieza creando tu primer producto." icon="CubeIcon" action_text="Añadir primer producto" action_onclick="alert('Abrir formulario de creación')" color="primary" %}

Vista previa en vivo

No hay productos disponibles

Cuando añadas productos al catálogo aparecerán aquí. Empieza creando tu primer producto.

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
title
'Sin resultados'
description
''
icon
'InboxIcon'
action_text
''
action_onclick
''
action_icon
None
color
Color temático principal
'default'
classes
''

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