React UI komponenter til bruk i domstolenes tjenester.
Sjekk ut Elsa - domstolenes designsystem og Elsa Storybook for mer dokumentasjon og demoer.
pnpm add @norges-domstoler/dds-components
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 />);
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
Sjekk ut guiden for bidragsytere.