Moduser
Hva er et modus?
Modus er navnet Figma bruker for å kontrollere variabler. Vi velger å bruke det som en fellesbetegnelse for de ulike måtene du kan endre utseendet på våre løsninger også.
Våre moduser
- Merkevare (brand): Komponentene våre har mulighet til å ta inn merkevaren til distributørene. Vi har skrevet en egen side med regler rundt merkevaretilpasning.
- Størrelse (size): Alle komponentene våre støtter tre ulike størrelser. Les om hvordan du bruker størrelser som et effektivt virkemiddel her.
- Lyst og mørkt modus (color scheme)
Hvordan sette modus
Både Figma og HTML har til felles at moduset vil arve ned i løsningen. Dette betyr at du alltid bør sette modus så høyt oppe i hierarkiet som mulig for å unngå kompleksitet.
Figma
I Figma setter du modus med "variable mode"-knappen under "Appearance". Du kan lese mer om moduser i Figma i Figma-biblioteket vårt.
Kode
I kode setter du modus med data-attributter. Vær obs på at de fleste IDE-ene ikke vil foreslå data-attributter i verken typescript eller HTML.
Modus i kode
.html<div data-brand="dnb">...</div>Moduset vil komme fram under Modes i Figma dersom du bruker Dev Mode.
