Overlays v2.0.0

Modaler Dialog

Barrierefreie modale Dialoge mit Hintergrundabdunklung, Fokusfalle und fließenden Animationen. Verfügbar als Standard-, Hinweis-, Bestätigungs- und Eingabevariante. Gebaut mit Stimulus und Tailwind CSS.

Standard

Allgemeiner modaler Dialog mit Titel, Inhalt und Schließen-Schaltfläche

Optionen

Name Typ Standard Beschreibung
title * String erforderlich Modal heading text
content String Modal body text (or pass a block)

Hinweis

Hinweisdialog mit Varianten-Icon, Nachricht und einzelner OK-Schaltfläche

Optionen

Name Typ Standard Beschreibung
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String erforderlich Alert heading text
message * String erforderlich Alert body message
confirm_label String "OK" Text for the confirm button

Bestätigung

Bestätigungsdialog mit Icon, Nachricht und Abbrechen-/Bestätigen-Schaltflächen

Optionen

Name Typ Standard Beschreibung
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String erforderlich Confirm heading text
message * String erforderlich Confirm body message
confirm_label String "Confirm" Text for the confirm button
cancel_label String "Cancel" Text for the cancel button

Eingabe

Eingabedialog mit Icon, Nachricht, Eingabefeld und Abbrechen-/Absenden-Schaltflächen

Optionen

Name Typ Standard Beschreibung
variant Symbol :info Visual style: :info, :warning, :danger, :success
title * String erforderlich Prompt heading text
message * String erforderlich 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

Änderungsprotokoll 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

Vollzugang erhalten

Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.

Jetzt Zugang erhalten