Banner

Barra de anuncio persistente para mensajes importantes, promociones o advertencias. Soporta cierre con persistencia en localStorage, botones de acción y múltiples variantes. Puede fijarse en la parte superior o inferior del viewport, o renderizarse en línea dentro del flujo del documento.

Vista Previa y Código

Opciones

Nombre Tipo Predeterminado Descripción
message * String requerido The banner message text
variant Symbol :info Visual style: :info, :success, :warning, or :error
dismissible Boolean false Whether the banner can be dismissed
persist_dismiss Boolean false Remember dismissal via localStorage (requires dismiss_key)
dismiss_key String nil localStorage key for persistent dismissal
action_text String nil Text for the action button/link
action_url String nil URL for the action button
position Symbol :top Banner position: :top, :bottom, or :inline
icon Boolean true Show the variant icon

Registro de Cambios v1.0.0

- Initial release with info, success, warning, and error variants
- Fixed top/bottom positioning and inline rendering mode
- Dismissible with optional localStorage persistence
- Optional action button/link with arrow icon
- Variant-specific icons and color schemes with dark mode support

Obtener Acceso Completo

Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.

Obtener Acceso