nve-dialog
En dialogboks.
Vil du ha ikon foran overskriften, bruk `icon`.
Skal det ikke være mulig å trykke utenfor for å lukke dialogen, bruk `disableBackground`.
Arvet fra SlDialog.
Feil / oppgaver / PR
Ingen som vi vet om. Hvis du finner noe muffens, registrer en feil under Issues i Github og merk den med nve-dialog.
html
<nve-button onclick="this.nextElementSibling.show()" class="open-dialog">Vis dialogen</nve-button>
<nve-dialog label="label">
Innhold
<div slot="footer">
<nve-button onclick="this.parentElement.parentElement.hide()">Lukk</nve-button>
</div>
</nve-dialog>
Spor
Navn | Beskrivelse |
---|---|
label | teksten som skal vises i overskriften. Eller du kan bruke label-attributtet |
body | hovedinnholdet |
footer | feltet i bunnen hvor knappene er plassert |
Egenskaper
Navn | Type | Arvet fra | Beskrivelse | Reflected |
---|---|---|---|---|
icon | string = '' | Ikonet som skal vises | ||
disableBackground | boolean = false | Hvis denne er satt, kan man ikke trykke utenfor dialogen for å lukke den. |
Metoder
Navn | Parametre | Returtype | Arvet fra | Beskrivelse |
---|---|---|---|---|
handleRequestClose | event: CustomEvent | Stjålet fra shoelace eksempel. Hindrer at man lukker dialogen ved å trykke utenfor | ||
updateIcon | Oppdaterer ikonet som vises i dialogens tittel. Metoden søker først etter tittel-elementet i komponentens skygge-DOM. Hvis tittel-elementet finnes og `icon`-egenskapen er satt, oppdateres tittel-elementets stil for å inkludere det angitte ikonet. Hvis `icon`-egenskapen ikke er satt, settes ikoninnholdet til 'none' for å unngå å skape unødvendig mellomrom i layouten. |