Ga naar hoofdinhoud

Componenten

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

87 van 87 componenten zichtbaar

Schets van de Accordion component

Accordion

Community

Secties met de mogelijkheid om gerelateerde content te tonen en weer te verbergen.

Bekijk Accordion component

Schets van de Action Group component

Action Group

Help Wanted

Groepeert één of meer gerelateerde acties en verzorgt de lay-out van de content.

Bekijk Action Group component

Schets van de Alert component

Alert

Community

Belangrijk bericht dat informeert over de huidige activiteit van de gebruiker.

Bekijk Alert component

Schets van de Alert Dialog component

Alert Dialog

Todo

Opent een venster waarin de gebruiker een actie moet uitvoeren om verder te gaan. De rest van de pagina is tijdelijk geblokkeerd.

Bekijk Alert Dialog component

Schets van de Avatar component

Avatar

Help Wanted

Een afbeelding die een identiteit vertegenwoordigt, meestal in de vorm van een foto, illustratie, of initialen.

Bekijk Avatar component

Schets van de Blockquote component

Blockquote

Community

Toont een citaat dat afwijkt van de hoofdtekst.

Bekijk Blockquote component

Schets van de Breadcrumb Navigation component

Breadcrumb Navigation

Community

Toont de locatie van de pagina binnen de hiërarchie van een website en biedt de mogelijkheid om tussen niveaus te navigeren.

Bekijk Breadcrumb Navigation component

Schets van de Button component

Button

Community

Biedt de mogelijkheid om een actie uit te voeren.

Bekijk Button component

Schets van de Calendar component

Calendar

Help Wanted

Een kalender waarin je een beschikbare datum kan kiezen.

Bekijk Calendar component

Schets van de Card as Link component

Card as Link

Todo

Korte sectie die als geheel een link is naar een gerelateerde pagina.

Bekijk Card as Link component

Schets van de Case Card component

Case Card

Help Wanted

Toont meta-informatie over een zaak en biedt de mogelijkheid hier naartoe te navigeren.

Bekijk Case Card component

Schets van de Checkbox component

Checkbox

Help Wanted

Invoerveld voor het kiezen van een optie uit een groep van opties, of om te kiezen tussen "wel" of "niet".

Bekijk Checkbox component

Schets van de Checkbox Group component

Checkbox Group

Help Wanted

Biedt de mogelijkheid om geen, é