Kom i gang med React
Følg disse stegene for å komme i gang med React-komponentene.
1. Installer pakkene
Typescript
Dersom du bruker Typescript, sørg for at du har typescript >= 3.8 i devDependencies:
2. Font
Du kan fritt bruke hvilken som helst font-familie med komponentene.
Komponentene er designet og utviklet med Inter fonten, så variasjoner kan forekomme dersom du bruker en annen font.
Legg til Inter fonten (valgfritt)
Legg til <link> taggen i <head>, og sett font-family til Inter i din globale css fil.
font-feature-settings legger til en hale på små L'er.
HTML
Du kan bruke denne koden for å legge til fonten:
CSS
Vi anbefaler sterkt at du legger til følgende i din globale css fil.
font-feature-settings legger til en hale på små L'er.
Dersom du velger å installere fonten på en annen måte, husk å inkludere fontvektene 400, 500 og 600.
3. Polyfill
Designsystemet bruker popover i enkelte komponenter. Dette apiet er klassifisert som Baseline: Newly available fra april 2024, da Firefox som siste nettleser la det til. I noen tilfeller kan en oppleve at brukere av ulike grunner er låst til eldre nettleserversjoner, og da kan det være aktuelt å legge til en polyfill for å sikre at popover fungerer for alle.
4. Bruk en React-komponent
@digdir/designsystemet-theme og @digdir/designsystemet-css må kun importeres én gang i applikasjonen.