Sobreposições v2.0.0

Diálogo modal

Diálogos modais acessíveis com fundo escurecido, captura de foco e animações suaves. Disponível nas variantes padrão, alerta, confirmação e prompt. Construído com Stimulus e Tailwind CSS.

Padrão

Diálogo modal de uso geral com título, conteúdo e botão de fechar

Opções

Nome Tipo Padrão Descrição
title * String obrigatório Modal heading text
content String Modal body text (or pass a block)

Alerta

Diálogo de alerta com ícone de variante, mensagem e botão OK

Opções

Nome Tipo Padrão Descrição
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String obrigatório Alert heading text
message * String obrigatório Alert body message
confirm_label String "OK" Text for the confirm button

Confirmação

Diálogo de confirmação com ícone, mensagem e botões Cancelar/Confirmar

Opções

Nome Tipo Padrão Descrição
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String obrigatório Confirm heading text
message * String obrigatório Confirm body message
confirm_label String "Confirm" Text for the confirm button
cancel_label String "Cancel" Text for the cancel button

Prompt

Diálogo de prompt com ícone, mensagem, campo de entrada e botões Cancelar/Enviar

Opções

Nome Tipo Padrão Descrição
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String obrigatório Prompt heading text
message * String obrigatório 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

Changelog 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

Obter Acesso Completo

Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.

Obter Acesso Agora