Ga naar hoofdinhoud

27 - 30 oktober is het weer Design Systems Week

Bekijk het programma

Handboek Richtlijnen Componenten Voorbeelden Community Project

Componenten
- Overzicht
- Accordion
- Action Group
- Alert
- Avatar
- Blockquote
- Breadcrumb Navigation
- Button
- Calendar
- Card as Link
- Case Card
- Checkbox
- Checkbox Group
- Code
- Code Block
- Color Sample
- Data Badge
- Data Summary
- Date Input
- Date Input Group
- Date Picker
- Description List
- Dialog
- Dot Badge
- Drawer
- Fieldset
- Figure
- File Input
- Form Field
- Form Field Description
- Form Field Error Message
- Form Field Label
- Form Navigation
- Form Summary
- Heading
- Heading 1
- Heading 2
- Heading 3
- Heading 4
- Heading 5
- Heading 6
- Heading Group
- Icon
- Image
- Input Group
- Language Navigation
- Link
- Link List
- Login Link
- Logo
- Mark
- Modal Dialog
- Navigation Bar
- Note
- Notification Banner
- Number Badge
- Number Input
- Ordered List
- Page Footer
- Page Header
- Page Number Navigation
- Paragraph
- Password Input
- Progress Bar
- Progress Circle
- Progress List
- Radio Button
- Radio Group
- Range
- Rich Text Content
- Select
- Select Combobox
- Separator
- Side Navigation
- Skip Link
- Spinner
- Status Badge
- Strong
- Subscript
- Superscript
- Switch
- Table
- Tabs
- Task List
- Text Input
- Text Area
- Toggletip
- Unordered List
- Video
- YouTube Video

Componenten
Overzicht

Componenten

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

Status

Help Wanted

Community

Candidate

Hall of Fame

Implementatie

CSS

HTML

Web Component

React

Vue

Angular

89 van 89 componenten zichtbaar

Schets van de Accordion component

Accordion

Community

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

CSSReact

Bekijk Accordion component

Schets van de Action Group component

Action Group

Community

Groepeert