Skip to content

nve-darkmode-switch

Komponent for å sette .darkmode-klasse på root. Må kun være en av dem på siden, de vil ikke synkronisere data. Hvorvidt bruker foretrekker dark-mode eller ikke hentes fra browser via "prefers-color-scheme". Dersom bruker setter darkmode ved å klikke på komponenten, lagres valget i localstorage. Man kan bruke "darkmodeclass" for å sette klassen som legges til dersom den ikke er "darkmode"

Arvet fra LitElement

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-darkmode-switch.

 

Merk at denne design-system-siden bruker en annen måte å sette darkmode på (siden den har NVE og Varsom-theme), så demo virker ikke her
html
<nve-darkmode-switch></nve-darkmode-switch>

Egenskaper

NavnTypeArvet fraBeskrivelseReflected
testIdstring = ''
darkmodeboolean = false
darkmodeclassstring = 'darkmode'
localStorageVariablestring = 'preferdarkmode'