Componente

Notification

Toast de notificación con auto-cierre configurable, 4 tipos (info/success/warning/error) y posición.

{% comp_notification ... %}

Código a utilizar

template.html
{% comp_notification id="notif-demo" message="Operación completada con éxito" type="success" duration=5000 position="bottom-right" %}

Vista previa en vivo

Operación completada con éxito

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
id
None
message
''
type
Tipo técnico del elemento HTML
'info'
duration
3000
classes
''
position
Posición en la pantalla
'bottom-right'

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