Beskrivelse
Se portalen for bruk og prinsipper.
Kom i gang
Lær hvordan du kan ta i bruk Jøkul
Bruk av React-pakken
Installasjon
- Installér pakken med
yarn add @fremtind/jkl-icons-react
eller npm i @fremtind/jkl-icons-react
. Stil-pakken blir automatisk installert som en avhengighet. - Importér både React-pakken og stil-pakken i prosjektet ditt:
import { ArrowDown } from "@fremtind/jkl-icons-react";
Bruk
<div>
<ArrowDown />
</div>
Ikonene arver farge fra foreldre komponenten, så om man ønsker endring i dark mode, må det styres av komponenten over. Nødvendig stil kommer fra core stil pakka.
import { ArrowHorizontalAnimated } from "@fremtind/jkl-icons-react";
import "@fremtind/jkl-icons/animated-icons.min.css";
Bruk
<div>
<ArrowHorizontalAnimated />
</div>
Når man bruker de animerte ikonene trenger vi å laste inn css fra ikonpakka.