@norges-domstoler/dds-components

React UI komponenter til bruk i domstolenes tjenester.

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

📦 Installasjon

pnpm add @norges-domstoler/dds-components

🔨 Bruk

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

const App = () => (
  <>
    <TextInput label="Input" />
    <Button>Primary</Button>
    <Button purpose="secondary" size="small">
      Secondary
    </Button>
  </>
);

const root = createRoot(document.getElementById('root'));

root.render(<App />);

📃 Komponenter

Sjekk komponentstatus for oppdatert status.

Tilgjengelige komponenter:

• AppShell
• Breadcrumbs
• Button
• Card (inkludert CardAccordion)
• Checkbox
• Chip
• DatePicker
• DescriptionList
• Divider
• Drawer
• EmptyContent
• FavStar
• Feedback
• FileUploader
• GlobalMessage
• Grid
• Icon
• InputMessage
• InternaHeader
• List
• LocalMessage
• Modal
• OverflowMenu
• Pagination
• Popover
• ProgressTracker
• RadioButton
• Scrollbar
• Search
• Select
• SkipToContent
• Spinner
• Stack
  • VStack
  • HStack
• Table
• Tabs
• Tag
• TextInput
• TextArea
• TimePicker
• ToggleBar
• ToggleButton
• Tooltip
• Typografikomponenter:
  • Caption
  • Heading
  • Label
  • Legend
  • Link
  • Paragraph
  • Typography
• VisuallyHidden

⌨️ For bidragsytere

Sjekk ut guiden for bidragsytere.