@fremtind/jkl-icons-react

@fremtind/jkl-icons-react

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

1. 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.
2. 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.