@norges-domstoler/dds-components

@norges-domstoler/dds-components

React UI komponenter til bruk i domstolenes tjenester.

Sjekk ut Elsa - domstolenes designsystem og Elsa Storybook for dokumentasjon og demoer.

Installasjon

pnpm add @norges-domstoler/dds-components

Importer styling av komponentene i CSS:

@import '@norges-domstoler/dds-components/index.css';

Bruk

Wrapp applikasjonen din i <DdsProvider>.

import React from 'react';
import ReactDOM from 'react-dom/client';
import {
  Button,
  TextInput,
  DdsProvider,
} from '@norges-domstoler/dds-components';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React>
    <DdsProvider language="nb">
      <TextInput label="Input" />
      <Button>Primary</Button>
      <Button purpose="secondary" size="small">
        Secondary
      </Button>
    </DdsProvider>
  </React>,
);

Komponenter

Sjekk Komponenter for oversikt over alle komponenter, og Nyheter for status på nye komponenter.