Componente

Empty State

Name: Django Components UI
Author: Javier Hernández

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	Default
`title` 'Sin resultados'		'Sin resultados'
`description` ''		''
`icon` 'InboxIcon'		'InboxIcon'
`action_text` ''		''
`action_onclick` ''		''
`action_icon` None		None
`color` Color temático principal 'default'		'default'
`classes` ''		''

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