@fremtind/jkl-icons-react

Icons in Jøkul style

Usage no npm install needed!

<script type="module">
  import fremtindJklIconsReact from 'https://cdn.skypack.dev/@fremtind/jkl-icons-react';
</script>

README

@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.