Vælg et tema
Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.
Kode
Modal
Eksempler og retningslinjer
Installation
HTML Struktur
Kodeeksempel
Javascript
Modal komponenten kræver JavaScript for at fungere. Man kan enten gøre brug af DKFDS.init()
eller initiere komponenten manuelt med nedenstående:
Funktioner
Funktion | Beskrivelse |
---|---|
modal.show() | Viser en modal |
modal.hide() | Skjuler en modal |
Events
Event key | Element | Beskrivelse |
---|---|---|
fds.modal.hidden | Modal element | Når en modal skjules, bliver eventet fds.modal.hidden udløst på modal elementet |
fds.modal.shown | Modal element | Når en modal vises, bliver eventet fds.modal.shown udløst på modal elementet |
Varianter
Modal som kræver handling
Tilføj attributten data-modal-forced-action
for at deaktivere luk funktioner som escape. Bemærk, at eksemplet også undlader luk knappen øverst i modalen. Man skal huske at tilføre luk funktionalitet i knapperne tilføjet i modalen.