Skip to content

Commit 6ee6162

Browse files
jeffreylauwerseslook
jeffreylauwers
and
eslook
authored
docs: add Root, Page Layout and Page Body to documentation site (#4038)
- add illustration for Root, Page Layout and Page Body. - add documentation page for Root, Page Layout and Page Body. - update component progress. --------- Co-authored-by: Charlotte <42849307+eslook@users.noreply.github.com>
1 parent f2b54a6 commit 6ee6162

File tree

8 files changed

+305
-6
lines changed

8 files changed

+305
-6
lines changed

‎docs/componenten/page-body/index.mdx‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
---
2+
title: Page Body
3+
hide_title: true
4+
hide_table_of_contents: false
5+
sidebar_label: Page Body
6+
pagination_label: Page Body
7+
description: De hoofdinhoud en eventuele aanvullende informatie.
8+
slug: /page-body
9+
keywords:
10+
- main
11+
- page body
12+
---
13+
14+
{/* @license CC0-1.0 */}
15+
16+
import componentProgress from "@nl-design-system/component-progress/dist/index.json";
17+
import {
18+
DefinitionOfDone,
19+
HelpImproveComponent,
20+
Implementations,
21+
Introduction,
22+
Related,
23+
} from "@site/src/components/ComponentPage";
24+
25+
{/* Add name and description for the component */}
26+
export const title = "Page Body";
27+
export const description = "De hoofdinhoud en eventuele aanvullende informatie.";
28+
export const issueNumber = 404;
29+
30+
export const component = componentProgress.find((item) => item.number === issueNumber);
31+
32+
<Introduction component={component} headingLevel={1} description={description} />
33+
34+
## Definition of Done
35+
36+
<DefinitionOfDone component={component} headingLevel={3} />
37+
38+
## Community implementaties
39+
40+
<Implementations component={component} headingLevel={3} />
41+
42+
<Related component={component} />
43+
44+
<HelpImproveComponent component={component} headingLevel={2} />

‎docs/componenten/page-layout/index.mdx‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
---
2+
title: Page Layout
3+
hide_title: true
4+
hide_table_of_contents: false
5+
sidebar_label: Page Layout
6+
pagination_label: Page Layout
7+
description: Indeling voor de inhoud van de pagina en consistent aanwezige onderdelen, zoals de Page Header, navigatie en Page Footer.
8+
slug: /page-layout
9+
keywords:
10+
- page header
11+
- page footer
12+
- page layout
13+
---
14+
15+
{/* @license CC0-1.0 */}
16+
17+
import componentProgress from "@nl-design-system/component-progress/dist/index.json";
18+
import {
19+
DefinitionOfDone,
20+
HelpImproveComponent,
21+
Implementations,
22+
Introduction,
23+
Related,
24+
} from "@site/src/components/ComponentPage";
25+
26+
{/* Add name and description for the component */}
27+
export const title = "Page Layout";
28+
export const description = "Indeling voor de inhoud van de pagina en consistent aanwezige onderdelen, zoals de Page Header, navigatie en Page Footer.";
29+
export const issueNumber = 432;
30+
31+
export const component = componentProgress.find((item) => item.number === issueNumber);
32+
33+
<Introduction component={component} headingLevel={1} description={description} />
34+
35+
## Definition of Done
36+
37+
<DefinitionOfDone component={component} headingLevel={3} />
38+
39+
## Community implementaties
40+
41+
<Implementations component={component} headingLevel={3} />
42+
43+
<Related component={component} />
44+
45+
<HelpImproveComponent component={component} headingLevel={2} />

‎docs/componenten/root/index.mdx‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
---
2+
title: Root
3+
hide_title: true
4+
hide_table_of_contents: false
5+
sidebar_label: Root
6+
pagination_label: Root
7+
description: Onderlaag waarin basiskeuzes worden gemaakt voor alle componenten die in de website zitten.
8+
slug: /root
9+
keywords:
10+
- html
11+
- body
12+
- root
13+
---
14+
15+
{/* @license CC0-1.0 */}
16+
17+
import componentProgress from "@nl-design-system/component-progress/dist/index.json";
18+
import {
19+
DefinitionOfDone,
20+
HelpImproveComponent,
21+
Implementations,
22+
Introduction,
23+
Related,
24+
} from "@site/src/components/ComponentPage";
25+
26+
{/* Add name and description for the component */}
27+
export const title = "Root";
28+
export const description = "Onderlaag waarin basiskeuzes worden gemaakt voor alle componenten die in de website zitten.";
29+
export const issueNumber = 406;
30+
31+
export const component = componentProgress.find((item) => item.number === issueNumber);
32+
33+
<Introduction component={component} headingLevel={1} description={description} />
34+
35+
## Definition of Done
36+
37+
<DefinitionOfDone component={component} headingLevel={3} />
38+
39+
## Community implementaties
40+
41+
<Implementations component={component} headingLevel={3} />
42+
43+
<Related component={component} />
44+
45+
<HelpImproveComponent component={component} headingLevel={2} />

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,7 @@
149149
"@nl-design-system-unstable/documentation": "workspace:*",
150150
"@nl-design-system-unstable/nlds-design-tokens": "workspace:*",
151151
"@nl-design-system-unstable/voorbeeld-design-tokens": "3.4.0",
152-
"@nl-design-system/component-progress": "1.0.10",
152+
"@nl-design-system/component-progress": "1.0.11",
153153
"@nl-design-system/eslint-config": "1.0.0",
154154
"@persoonlijke-regelingen-assistent/components-react": "1.0.0-alpha.152",
155155
"@playwright/test": "1.58.0",

‎pnpm-lock.yaml‎

Lines changed: 5 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/svg/componenten_overzicht_page-body.svg‎

Lines changed: 55 additions & 0 deletions
Loading

‎static/svg/componenten_overzicht_page-layout.svg‎

Lines changed: 55 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)
⚡