Skip to content

Commit 7ba9f3b

Browse files
jeffreylauwersjeffreylauwers
authored
Merge pull request #159 from jeffreylauwers/docs/remove-em-dashes
docs: vervang tabel-placeholders na em dash verwijdering
2 parents b95fcb6 + f614448 commit 7ba9f3b

3 files changed

Lines changed: 66 additions & 66 deletions

File tree

‎README.md‎

Lines changed: 49 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -166,23 +166,23 @@ All components are fully typed with TypeScript and include comprehensive JSDoc d
166166

167167
| Component | HTML/CSS | React | Web Component |
168168
| ------------- | -------- | ----- | ------------- |
169-
| **Body** | Yes | Yes | : |
170-
| **Container** | Yes | Yes | : |
171-
| **Grid** | Yes | Yes | : |
172-
| **GridItem** | Yes | Yes | : |
173-
| **Stack** | Yes | Yes | : |
169+
| **Body** | Yes | Yes | No |
170+
| **Container** | Yes | Yes | No |
171+
| **Grid** | Yes | Yes | No |
172+
| **GridItem** | Yes | Yes | No |
173+
| **Stack** | Yes | Yes | No |
174174

175175
**Content Components (10)**
176176

177177
| Component | HTML/CSS | React | Web Component |
178178
| ----------------- | -------- | ----- | ------------- |
179179
| **Button** | Yes | Yes | Yes |
180-
| **ButtonLink** | Yes | Yes | : |
180+
| **ButtonLink** | Yes | Yes | No |
181181
| **Heading** | Yes | Yes | Yes |
182182
| **Icon** | Yes | Yes | Yes |
183-
| **Image** | Yes | Yes | : |
183+
| **Image** | Yes | Yes | No |
184184
| **Link** | Yes | Yes | Yes |
185-
| **LinkButton** | Yes | Yes | : |
185+
| **LinkButton** | Yes | Yes | No |
186186
| **OrderedList** | Yes | Yes | Yes |
187187
| **Paragraph** | Yes | Yes | Yes |
188188
| **UnorderedList** | Yes | Yes | Yes |
@@ -191,62 +191,62 @@ All components are fully typed with TypeScript and include comprehensive JSDoc d
191191

192192
| Component | HTML/CSS | React | Web Component |
193193
| --------------- | -------- | ----- | ------------- |
194-
| **Alert** | Yes | Yes | : |
195-
| **Backdrop** | Yes | Yes | : |
196-
| **Card** | Yes | Yes | : |
197-
| **Details** | Yes | Yes | : |
198-
| **DotBadge** | Yes | Yes | : |
199-
| **Note** | Yes | Yes | : |
200-
| **NumberBadge** | Yes | Yes | : |
201-
| **Popover** | Yes | Yes | : |
202-
| **StatusBadge** | Yes | Yes | : |
203-
| **Table** | Yes | Yes | : |
194+
| **Alert** | Yes | Yes | No |
195+
| **Backdrop** | Yes | Yes | No |
196+
| **Card** | Yes | Yes | No |
197+
| **Details** | Yes | Yes | No |
198+
| **DotBadge** | Yes | Yes | No |
199+
| **Note** | Yes | Yes | No |
200+
| **NumberBadge** | Yes | Yes | No |
201+
| **Popover** | Yes | Yes | No |
202+
| **StatusBadge** | Yes | Yes | No |
203+
| **Table** | Yes | Yes | No |
204204

205205
**Navigation Components (5)**
206206

207207
| Component | HTML/CSS | React | Web Component |
208208
| ------------------------ | -------- | ----- | ------------- |
209-
| **BreadcrumbNavigation** | Yes | Yes | : |
210-
| **Menu** | Yes | Yes | : |
211-
| **MenuButton** | Yes | Yes | : |
212-
| **MenuLink** | Yes | Yes | : |
213-
| **PageHeader** | Yes | Yes | : |
209+
| **BreadcrumbNavigation** | Yes | Yes | No |
210+
| **Menu** | Yes | Yes | No |
211+
| **MenuButton** | Yes | Yes | No |
212+
| **MenuLink** | Yes | Yes | No |
213+
| **PageHeader** | Yes | Yes | No |
214214

215215
**Accessibility Components (1)**
216216

217217
| Component | HTML/CSS | React | Web Component |
218218
| ------------ | -------- | ----- | ------------- |
219-
| **SkipLink** | Yes | Yes | : |
219+
| **SkipLink** | Yes | Yes | No |
220220

221221
**Form Components (25)**
222222

223223
| Component | HTML/CSS | React | Web Component |
224224
| ------------------------- | -------- | ----- | ------------- |
225-
| **Checkbox** | Yes | Yes | : |
226-
| **CheckboxGroup** | Yes | Yes | : |
227-
| **CheckboxOption** | Yes | Yes | : |
228-
| **DateInput** | Yes | Yes | : |
229-
| **DateInputGroup** | Yes | Yes | : |
230-
| **EmailInput** | Yes | Yes | : |
231-
| **FormField** | Yes | Yes | : |
232-
| **FormFieldDescription** | Yes | Yes | : |
233-
| **FormFieldErrorMessage** | Yes | Yes | : |
234-
| **FormFieldLabel** | Yes | Yes | : |
235-
| **FormFieldLegend** | Yes | Yes | : |
236-
| **FormFieldset** | Yes | Yes | : |
237-
| **FormFieldStatus** | Yes | Yes | : |
238-
| **NumberInput** | Yes | Yes | : |
239-
| **OptionLabel** | Yes | Yes | : |
240-
| **PasswordInput** | Yes | Yes | : |
241-
| **Radio** | Yes | Yes | : |
242-
| **RadioGroup** | Yes | Yes | : |
243-
| **RadioOption** | Yes | Yes | : |
244-
| **SearchInput** | Yes | Yes | : |
245-
| **Select** | Yes | Yes | : |
246-
| **TelephoneInput** | Yes | Yes | : |
247-
| **TextArea** | Yes | Yes | : |
248-
| **TextInput** | Yes | Yes | : |
249-
| **TimeInput** | Yes | Yes | : |
225+
| **Checkbox** | Yes | Yes | No |
226+
| **CheckboxGroup** | Yes | Yes | No |
227+
| **CheckboxOption** | Yes | Yes | No |
228+
| **DateInput** | Yes | Yes | No |
229+
| **DateInputGroup** | Yes | Yes | No |
230+
| **EmailInput** | Yes | Yes | No |
231+
| **FormField** | Yes | Yes | No |
232+
| **FormFieldDescription** | Yes | Yes | No |
233+
| **FormFieldErrorMessage** | Yes | Yes | No |
234+
| **FormFieldLabel** | Yes | Yes | No |
235+
| **FormFieldLegend** | Yes | Yes | No |
236+
| **FormFieldset** | Yes | Yes | No |
237+
| **FormFieldStatus** | Yes | Yes | No |
238+
| **NumberInput** | Yes | Yes | No |
239+
| **OptionLabel** | Yes | Yes | No |
240+
| **PasswordInput** | Yes | Yes | No |
241+
| **Radio** | Yes | Yes | No |
242+
| **RadioGroup** | Yes | Yes | No |
243+
| **RadioOption** | Yes | Yes | No |
244+
| **SearchInput** | Yes | Yes | No |
245+
| **Select** | Yes | Yes | No |
246+
| **TelephoneInput** | Yes | Yes | No |
247+
| **TextArea** | Yes | Yes | No |
248+
| **TextInput** | Yes | Yes | No |
249+
| **TimeInput** | Yes | Yes | No |
250250

251251
See the [Documentation](./docs/) for full component details and specifications.
252252

‎docs/03-components.md‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -794,7 +794,7 @@ Brengt consistente verticale ruimte aan tussen directe child-elementen via `flex
794794
| Prop | Type | Default | Beschrijving |
795795
| ------ | --------------------------- | ------- | ---------------------------------------------------------------- |
796796
| `blur` | `boolean` | `true` | Schakelt blur-filter in/uit via `dsn-backdrop--no-blur` modifier |
797-
| `ref` | `React.Ref<HTMLDivElement>` | : | Doorgegeven via `React.forwardRef` |
797+
| `ref` | `React.Ref<HTMLDivElement>` | - | Doorgegeven via `React.forwardRef` |
798798

799799
**Gebruik:**
800800

@@ -943,8 +943,8 @@ Brengt consistente verticale ruimte aan tussen directe child-elementen via `flex
943943

944944
| Component | Prop | Type | Default | Beschrijving |
945945
| ------------- | ---------- | --------------- | ------- | --------------------------------------------------------------------- |
946-
| `Card` | `href` | `string` | : | URL voor de stretched link; doorgegeven via context aan `CardHeading` |
947-
| `CardHeader` | `children` | `ReactNode` | : | Afbeelding; zonder children → placeholder |
946+
| `Card` | `href` | `string` | - | URL voor de stretched link; doorgegeven via context aan `CardHeading` |
947+
| `CardHeader` | `children` | `ReactNode` | - | Afbeelding; zonder children → placeholder |
948948
| `CardHeading` | `level` | `2 \| 3 \| 4` | `2` | Semantisch heading-niveau |
949949
| `CardGroup` | `as` | `'ul' \| 'div'` | `'ul'` | Container-element; `ul` rendert `role="list"` |
950950

@@ -1381,10 +1381,10 @@ Brengt consistente verticale ruimte aan tussen directe child-elementen via `flex
13811381

13821382
| Prop | Type | Default | Beschrijving |
13831383
| ---------- | ------------------------------ | ------- | -------------------------------------------------------- |
1384-
| `isOpen` | `boolean` | : | Bepaalt of het dialoogvenster getoond wordt |
1385-
| `onClose` | `() => void` | : | Callback bij sluiten (sluitknop, Escape, buiten klikken) |
1386-
| `children` | `React.ReactNode` | : | Sub-componenten: Header, Body, Footer |
1387-
| `ref` | `React.Ref<HTMLDialogElement>` | : | Doorgegeven via `React.forwardRef` |
1384+
| `isOpen` | `boolean` | - | Bepaalt of het dialoogvenster getoond wordt |
1385+
| `onClose` | `() => void` | - | Callback bij sluiten (sluitknop, Escape, buiten klikken) |
1386+
| `children` | `React.ReactNode` | - | Sub-componenten: Header, Body, Footer |
1387+
| `ref` | `React.Ref<HTMLDialogElement>` | - | Doorgegeven via `React.forwardRef` |
13881388

13891389
**HTML/CSS:**
13901390

@@ -1502,12 +1502,12 @@ const [isOpen, setIsOpen] = React.useState(false);
15021502

15031503
| Prop | Type | Default | Beschrijving |
15041504
| ---------- | ------------------------------ | --------- | -------------------------------------------------- |
1505-
| `isOpen` | `boolean` | : | Bepaalt of het zijpaneel getoond wordt |
1506-
| `onClose` | `() => void` | : | Callback bij sluiten (sluitknop, Escape) |
1505+
| `isOpen` | `boolean` | - | Bepaalt of het zijpaneel getoond wordt |
1506+
| `onClose` | `() => void` | - | Callback bij sluiten (sluitknop, Escape) |
15071507
| `modal` | `boolean` | `true` | Modal (focus-trap, backdrop) of niet-modaal |
15081508
| `side` | `'right' \| 'left'` | `'right'` | Zijde van het scherm waaraan het paneel verschijnt |
1509-
| `children` | `React.ReactNode` | : | Sub-componenten: Header, Body, Footer |
1510-
| `ref` | `React.Ref<HTMLDialogElement>` | : | Doorgegeven via `React.forwardRef` |
1509+
| `children` | `React.ReactNode` | - | Sub-componenten: Header, Body, Footer |
1510+
| `ref` | `React.Ref<HTMLDialogElement>` | - | Doorgegeven via `React.forwardRef` |
15111511

15121512
**HTML/CSS:**
15131513

@@ -1631,12 +1631,12 @@ const [isOpen, setIsOpen] = React.useState(false);
16311631

16321632
| Prop | Type | Default | Beschrijving |
16331633
| ------------ | --------------------------------------- | ---------- | --------------------------------------------------------------------- |
1634-
| `isOpen` | `boolean` | : | Bepaalt of de popover getoond wordt |
1635-
| `onClose` | `() => void` | : | Callback bij sluiten (Escape, klik buiten, sluitknop in header) |
1636-
| `triggerRef` | `React.RefObject<HTMLElement>` | : | Referentie naar het triggerelement voor positionering + focus-herstel |
1634+
| `isOpen` | `boolean` | - | Bepaalt of de popover getoond wordt |
1635+
| `onClose` | `() => void` | - | Callback bij sluiten (Escape, klik buiten, sluitknop in header) |
1636+
| `triggerRef` | `React.RefObject<HTMLElement>` | - | Referentie naar het triggerelement voor positionering + focus-herstel |
16371637
| `placement` | `'top' \| 'bottom' \| 'start' \| 'end'` | `'bottom'` | Gewenste plaatsing relatief aan het triggerelement |
1638-
| `label` | `string` | : | `aria-label` voor popovers zonder `PopoverHeading` |
1639-
| `children` | `React.ReactNode` | : | Sub-componenten: `PopoverHeader`, `PopoverBody`, `PopoverFooter` |
1638+
| `label` | `string` | - | `aria-label` voor popovers zonder `PopoverHeading` |
1639+
| `children` | `React.ReactNode` | - | Sub-componenten: `PopoverHeader`, `PopoverBody`, `PopoverFooter` |
16401640

16411641
**HTML/CSS:**
16421642

‎docs/05-storybook-configuration.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -409,7 +409,7 @@ const meta: Meta<typeof Button> = {
409409

410410
| Prop | Type | Default | Description |
411411
| --------------- | ------------- | -------- | ----------------------------------- |
412-
| `tokens` | `Token[]` | : | Array of `{ name, cssVar, value? }` |
412+
| `tokens` | `Token[]` | - | Array of `{ name, cssVar, value? }` |
413413
| `previewType` | `PreviewType` | `'none'` | Visual preview type |
414414
| `showLiveValue` | `boolean` | `true` | Show computed CSS value |
415415

0 commit comments

Comments
 (0)