Componenten

De componenten van NL Design System worden met een estafette aanpak gemaakt en kunnen dus verschillende statussen hebben.

Schets van de Accordion component met de Community kleur

Accordion

Community

Bekijk Accordion component

Schets van de Alert component met de Community kleur

Alert

Community

Bekijk Alert component

Schets van de Alert dialog component met de Help Wanted kleur

Alert dialog

Help Wanted

Bekijk Alert dialog component

Schets van de Avatar component met de Help Wanted kleur

Avatar

Help Wanted

Bekijk Avatar component

Schets van de Blockquote component met de Community kleur

Blockquote

Community

Bekijk Blockquote component

Leeg grid zonder component schets

Breadcrumb navigation

Community

Bekijk Breadcrumb navigation component

Schets van de Button component met de Community kleur

Button

Community

Bekijk Button component

Schets van de Button group component met de Help Wanted kleur

Button group

Help Wanted

Bekijk Button group component

Schets van de Card as link component met de Help Wanted kleur

Card as link

Help Wanted

Bekijk Card as link component

Schets van de Checkbox component met de Community kleur

Checkbox

Community

Bekijk Checkbox component

Schets van de Checkbox group component met de Help Wanted kleur

Checkbox group

Help Wanted

Bekijk Checkbox group component

Schets van de Counter badge component met de Community kleur

Counter badge

Community

Bekijk Counter badge component

Schets van de Data badge component met de Help Wanted kleur

Data badge

Help Wanted

Bekijk Data badge component

Schets van de Data list component met de Help Wanted kleur

Data list

Help Wanted

Bekijk Data list component

Schets van de Date Picker component met de Help Wanted kleur

Date Picker

Help Wanted

Bekijk Date Picker component

Schets van de Date input component met de Help Wanted kleur

Date input

Help Wanted

Bekijk Date input component

Schets van de Date input group component met de Help Wanted kleur

Date input group

Help Wanted

Bekijk Date input group component

Schets van de Dot badge component met de Help Wanted kleur

Dot badge

Help Wanted

Bekijk Dot badge component

Schets van de Fieldset component met de Community kleur

Fieldset

Community

Bekijk Fieldset component

Schets van de Figure component met de Help Wanted kleur

Figure

Help Wanted

Bekijk Figure component

Schets van de File input component met de Help Wanted kleur

File input

Help Wanted

Bekijk File input component

Schets van de Form field component met de Help Wanted kleur

Form field

Help Wanted

Bekijk Form field component

Schets van de Form field checkbox option component met de Help Wanted kleur

Form field checkbox option

Help Wanted

Bekijk Form field checkbox option component

Schets van de Form field description component met de Help Wanted kleur

Form field description

Help Wanted

Bekijk Form field description component

Schets van de Form field error message component met de Help Wanted kleur

Form field error message

Help Wanted

Bekijk Form field error message component

Schets van de Form field label component met de Help Wanted kleur

Form field label

Help Wanted

Bekijk Form field label component

Schets van de Form field option label component met de Help Wanted kleur

Form field option label

Help Wanted

Bekijk Form field option label component

Schets van de Form field partial component met de Help Wanted kleur

Form field partial

Help Wanted

Bekijk Form field partial component

Schets van de Form field partial label component met de Help Wanted kleur

Form field partial label

Help Wanted

Bekijk Form field partial label component

Schets van de Form field radio option component met de Help Wanted kleur

Form field radio option

Help Wanted

Bekijk Form field radio option component

Leeg grid zonder component schets

Heading 1

Community

Bekijk Heading 1 component

Leeg grid zonder component schets

Heading 2

Community

Bekijk Heading 2 component

Leeg grid zonder component schets

Heading 3

Community

Bekijk Heading 3 component

Leeg grid zonder component schets

Heading 4

Community

Bekijk Heading 4 component

Leeg grid zonder component schets

Heading 5

Community

Bekijk Heading 5 component

Leeg grid zonder component schets

Heading 6

Community

Bekijk Heading 6 component

Schets van de Invalid form alert component met de Help Wanted kleur

Invalid form alert

Help Wanted

Bekijk Invalid form alert component

Leeg grid zonder component schets

Legend

Help Wanted

Bekijk Legend component

Schets van de Link component met de Community kleur

Link

Community

Bekijk Link component

Schets van de Modal dialog component met de Community kleur

Modal dialog

Community

Bekijk Modal dialog component

Schets van de Non modal dialog component met de Help Wanted kleur

Non modal dialog

Help Wanted

Bekijk Non modal dialog component

Schets van de Notification banner component met de Help Wanted kleur

Notification banner

Help Wanted

Bekijk Notification banner component

Schets van de Number input component met de Help Wanted kleur

Number input

Help Wanted

Bekijk Number input component

Schets van de Ordered list component met de Community kleur

Ordered list

Community

Bekijk Ordered list component

Schets van de Page Footer component met de Help Wanted kleur

Page Footer

Help Wanted

Bekijk Page Footer component

Schets van de Page Header component met de Help Wanted kleur

Page Header

Help Wanted

Bekijk Page Header component

Schets van de Pagination component met de Help Wanted kleur

Pagination

Help Wanted

Bekijk Pagination component

Schets van de Paragraph component met de Community kleur

Paragraph

Community

Bekijk Paragraph component

Schets van de Password input component met de Help Wanted kleur

Password input

Help Wanted

Bekijk Password input component

Schets van de Progress component met de Help Wanted kleur

Progress

Help Wanted

Bekijk Progress component

Leeg grid zonder component schets

Progress steps

Help Wanted

Bekijk Progress steps component

Leeg grid zonder component schets

Radio button

Community

Bekijk Radio button component

Schets van de Radio group component met de Help Wanted kleur

Radio group

Help Wanted

Bekijk Radio group component

Schets van de Range component met de Help Wanted kleur

Range

Help Wanted

Bekijk Range component

Schets van de Rich text content component met de Help Wanted kleur

Rich text content

Help Wanted

Bekijk Rich text content component

Schets van de Select component met de Community kleur

Select

Community

Bekijk Select component

Schets van de Separator component met de Community kleur

Separator

Community

Bekijk Separator component

Schets van de Side navigation component met de Community kleur

Side navigation

Community

Bekijk Side navigation component

Schets van de Skip link component met de Help Wanted kleur

Skip link

Help Wanted

Bekijk Skip link component

Schets van de Spinner component met de Help Wanted kleur

Spinner

Help Wanted

Bekijk Spinner component

Leeg grid zonder component schets

Status badge

Community

Bekijk Status badge component

Schets van de Strong component met de Community kleur

Strong

Community

Bekijk Strong component

Schets van de Switch component met de Community kleur

Switch

Community

Bekijk Switch component

Schets van de Table component met de Community kleur

Table

Community

Bekijk Table component

Schets van de Tabs component met de Community kleur

Tabs

Community

Bekijk Tabs component

Schets van de Text input component met de Community kleur

Text input

Community

Bekijk Text input component

Schets van de Text input group component met de Help Wanted kleur

Text input group

Help Wanted

Bekijk Text input group component

Leeg grid zonder component schets

Textarea

Community

Bekijk Textarea component

Schets van de Toggletip component met de Help Wanted kleur

Toggletip

Help Wanted

Bekijk Toggletip component

Leeg grid zonder component schets

Tooltip

Discouraged

Bekijk Tooltip component

Schets van de Unordered list component met de Community kleur

Unordered list

Community

Bekijk Unordered list component

Schets van de Variable Heading component met de Community kleur

Variable Heading

Community

Bekijk Variable Heading component

Schets van de Video component met de Help Wanted kleur

Video

Help Wanted

Bekijk Video component