Dialogue modal

Dialogues modaux accessibles avec arrière-plan, piégeage du focus et animations fluides. Disponible en variantes par défaut, alerte, confirmation et invite. Construit avec Stimulus et Tailwind CSS.

Par défaut

Dialogue modal polyvalent avec titre, contenu et bouton de fermeture

Options

Nom Type Par défaut Description
title * String requis Modal heading text
content String Modal body text (or pass a block)

Alerte

Dialogue d'alerte avec icône de variante, message et bouton OK unique

Options

Nom Type Par défaut Description
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String requis Alert heading text
message * String requis Alert body message
confirm_label String "OK" Text for the confirm button

Confirmation

Dialogue de confirmation avec icône, message et boutons Annuler/Confirmer

Options

Nom Type Par défaut Description
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String requis Confirm heading text
message * String requis Confirm body message
confirm_label String "Confirm" Text for the confirm button
cancel_label String "Cancel" Text for the cancel button

Invite

Dialogue d'invite avec icône, message, champ de saisie et boutons Annuler/Envoyer

Options

Nom Type Par défaut Description
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String requis Prompt heading text
message * String requis 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

Journal des modifications 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

Obtenir l'accès complet

Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.

Obtenir l'accès maintenant