Skip to main content

Componenten van NL Design System

Hier vind je de componenten van het NL Design System. Dit zijn kant en klare, geteste en herbruikbare bouwblokken om consistente digitale ervaringen voor eindgebruikers te maken. De componenten zijn voorzien van uitgebreide documentatie en richtlijnen. Voor het ontwerpen van componenten gebruikt het NL Design System Figma.

Hier worden regelmatig nieuwe componenten toegevoegd. Deze worden, op basis van input en praktijkervaring, bijgewerkt. De componenten van NL Design System worden met een estafette aanpak gemaakt. Daarom kan een component een van de volgende statussen hebben:

Help Wanted
Het component moet nog ontwikkeld worden, maar staat al wel op de backlog. Heeft jouw organisatie dit component nodig? Neem contact op en help ons om de eerste versie te ontwikkelen.
Community
Het component is beschikbaar in de community en is gebouwd volgens de architectuur en richtlijnen van NL Design System.
Candidate
Het component is beschikbaar in de NL Design System unstable repository. Hij voldoet alleen nog niet aan onze "Definition of Done".
Hall of fame
Het component is beschikbaar in de NL Design System repository en voldoet volledig aan onze "Definition of Done".

Componenten‚Äč

Accordion voorbeeld
Accordion
Community
Avatar
Help Wanted
Backlink voorbeeld
Backlink
Help Wanted
Button voorbeeld
Button
Community
CAPTCHA
Help Wanted
Card voorbeeld
Card
Community
Checkbox voorbeeld
Checkbox
Community
Checkbox group
Help Wanted
Confirm checkbox
Help Wanted
Counter badge voorbeeld
Counter badge
Community
Date picker
Community
Definition list
Help Wanted
Dot indicator
Help Wanted
Favicon
Community
Fieldset
Help Wanted
Figure
Help Wanted
File upload
Help Wanted
Form error
Help Wanted
Geographic map
Help Wanted
Headings voorbeeld
Headings
Community
Label
Community
Link voorbeeld
Link
Community
Link card
Help Wanted
List
Help Wanted
Modal dialog
Community
Notification voorbeeld
Notification
Community
Ordered list
Community
Page footer
Community
Page header
Community
Pagination
Help Wanted
Paragraph voorbeeld
Paragraph
Community
Password input
Help Wanted
Progress tracker voorbeeld
Progress tracker
Help Wanted
Quote
Community
Radio button voorbeeld
Radio button
Community
Separator
Community
Skip link
Help Wanted
Slider
Help Wanted
Spinner
Help Wanted
Status badge voorbeeld
Status badge
Community
Status light
Help Wanted
Switch voorbeeld
Switch
Community
Table voorbeeld
Table
Community
Tabs voorbeeld
Tabs
Community
Text badge
Help Wanted
Text input voorbeeld
Text input
Community
Textarea voorbeeld
Textarea
Community
Tooltip
Help Wanted
Video player
Help Wanted
Web page title
Help Wanted