Superposiciones v2.0.0

Diálogo modal

Diálogos modales accesibles con fondo oscurecido, captura de foco y animaciones suaves. Disponible en variantes predeterminada, alerta, confirmación y solicitud de entrada. Construido con Stimulus y Tailwind CSS.

Predeterminado

Diálogo modal de propósito general con título, contenido y botón de cierre

Opciones

Nombre Tipo Predeterminado Descripción
title * String requerido Modal heading text
content String Modal body text (or pass a block)

Alerta

Diálogo de alerta con icono de variante, mensaje y botón Único de Aceptar

Opciones

Nombre Tipo Predeterminado Descripción
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String requerido Alert heading text
message * String requerido Alert body message
confirm_label String "OK" Text for the confirm button

Confirmación

Diálogo de confirmación con icono, mensaje y botones Cancelar/Confirmar

Opciones

Nombre Tipo Predeterminado Descripción
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String requerido Confirm heading text
message * String requerido Confirm body message
confirm_label String "Confirm" Text for the confirm button
cancel_label String "Cancel" Text for the cancel button

Solicitud

Diálogo de solicitud con icono, mensaje, campo de entrada y botones Cancelar/Enviar

Opciones

Nombre Tipo Predeterminado Descripción
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String requerido Prompt heading text
message * String requerido Prompt body message
input_label String Label for the input field
input_placeholder String Placeholder text for the input field
input_value String "" Default value for the input field
confirm_label String "Submit" Text for the submit button
cancel_label String "Cancel" Text for the cancel button

Registro de Cambios v2.0.0

- v2.0.0: Converted to multi-style with alert, confirm, and prompt variants
- v1.1.0: Added ViewComponent format support
- v1.0.0: Initial release with focus trap, backdrop click to close

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