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

bash

npm install @digdir/illustration-lib





$3



Make sure theme files with

brand1, brand2 and brand3

 are imported in your app.

jsx

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





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

jsx

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





Development



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

bash

pnpm install





All components are auto-generated from svg files in

/svgs

. 

To build the components, run the following command:

bash

pnpm run build

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

bash

npm install @digdir/illustration-lib





$3



Make sure theme files with

brand1, brand2 and brand3

 are imported in your app.

jsx

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





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

jsx

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





Development



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

bash

pnpm install





All components are auto-generated from svg files in

/svgs

. 

To build the components, run the following command:

bash

pnpm run build