@digdir/designsystemet-css

CSS implementation of the Designsystemet components

• Uses @layer ds
• Exports a default theme under /theme or CSS file generated from @digdir/designsystemet tokens build for theming
  • Build your own theme on https://theme.designsystemet.no/en

Read the Designsystemet README to get started.

Q&A

Tailwind

If you are using Tailwind with (Preflight)[https://tailwindcss.com/docs/preflight] make sure to load Designsystemet first.

v4

@import url('@digdir/designsystemet-css');
@import url('tailwindcss');

v3 and older

@import url('@digdir/designsystemet-css');

@layer tailwind-base, ds;

@layer tailwind-base {
  @tailwind base;
}
@tailwind components;
@tailwind utilities;