@digdir/illustration-lib

Package that contains react components for illustrations, that works in light and dark mode. Must be used with @digdir/designsystemet-theme.

Installation

npm install @digdir/illustration-lib

Usage

Make sure theme files with brand1, brand2 and brand3 are imported in your app.

import '@digdir/designsystemet-theme/digdir.css';

Then you can use the components in your app like this:

import { SweatyManHoldsRedBall } from '@digdir/illustration-lib';

<SweatyManHoldsRedBall />

Development

We use pnpm as package manager. To install dependencies, run the following command in the root of the repo:

pnpm install

All components are auto-generated from svg files in /svgs. To build the components, run the following command:

pnpm run build