@norges-domstoler/dds-components 17.7.0 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  React UI komponenter til bruk i domstolenes tjenester.
6
6
 
7
- Sjekk ut [Elsa - domstolenes designsystem](https://design.domstol.no/) og [ Elsa Storybook](https://domstolene.github.io/designsystem) for mer dokumentasjon og demoer.
7
+ Sjekk ut [Elsa - domstolenes designsystem](https://design.domstol.no/) og [Elsa Storybook](https://domstolene.github.io/designsystem) for mer dokumentasjon og demoer.
8
8
 
9
9
  ## šŸ“¦ Installasjon
10
10
 
@@ -20,19 +20,25 @@ Importer styling av komponentene i CSS:
20
20
 
21
21
  ## šŸ”Ø Bruk
22
22
 
23
+ Wrapp applikasjonen din i `<ThemeProvider>`.
24
+
23
25
  ```js
24
26
  import * as React from 'react';
25
27
  import { createRoot } from 'react-dom/client';
26
- import { Button, TextInput } from '@norges-domstoler/dds-components';
28
+ import {
29
+ Button,
30
+ TextInput,
31
+ ThemeProvider,
32
+ } from '@norges-domstoler/dds-components';
27
33
 
28
34
  const App = () => (
29
- <>
35
+ <ThemeProvider>
30
36
  <TextInput label="Input" />
31
37
  <Button>Primary</Button>
32
38
  <Button purpose="secondary" size="small">
33
39
  Secondary
34
40
  </Button>
35
- </>
41
+ </ThemeProvider>
36
42
  );
37
43
 
38
44
  const root = createRoot(document.getElementById('root'));
@@ -42,62 +48,4 @@ root.render(<App />);
42
48
 
43
49
  ## šŸ“ƒ Komponenter
44
50
 
45
- Sjekk [komponentstatus](https://design.domstol.no/987b33f71/p/438035-komponenter/b/160db9) for oppdatert status.
46
-
47
- Tilgjengelige komponenter:
48
-
49
- - Breadcrumbs
50
- - Button
51
- - ButtonGroup
52
- - Card (inkludert CardAccordion)
53
- - Checkbox
54
- - Chip
55
- - DatePicker
56
- - DescriptionList
57
- - DetailList
58
- - Divider
59
- - Drawer
60
- - EmptyContent
61
- - FavStar
62
- - Feedback
63
- - FileUploader
64
- - GlobalMessage
65
- - Grid
66
- - Icon
67
- - InlineButton
68
- - InputMessage
69
- - InternaHeader
70
- - List
71
- - LocalMessage
72
- - Modal
73
- - OverflowMenu
74
- - Pagination
75
- - Popover
76
- - ProgressTracker
77
- - RadioButton
78
- - Search
79
- - Select
80
- - Skeleton
81
- - SkipToContent
82
- - Spinner
83
- - Stack
84
- - VStack
85
- - HStack
86
- - Table
87
- - Tabs
88
- - Tag
89
- - TextInput
90
- - TextArea
91
- - TimePicker
92
- - ToggleBar
93
- - ToggleButton
94
- - Tooltip
95
- - Typografikomponenter:
96
- - Caption
97
- - Heading
98
- - Label
99
- - Legend
100
- - Link
101
- - Paragraph
102
- - Typography
103
- - VisuallyHidden
51
+ Sjekk [Komponenter](https://design.domstol.no/987b33f71/p/438035-komponenter) for oversikt over alle komponenter, og [nyheter](https://design.domstol.no/987b33f71/p/438035-komponenter/t/page-438035-50469210-4) for status pƄ nye komponenter.