Alle Componenten
Blader door alle 41 UI-componenten in het design system.
Atoms
Button
StandaardKlikbare actieknoppen in verschillende stijlen
Input
StandaardTekstveld voor gebruikersinvoer
Textarea
StandaardMeerdere regels tekst invoerveld
Checkbox
StandaardAan/uit selectievakje
Label
StandaardTekst label voor formuliervelden
Badge
StandaardKleine status- of categorie-indicator
Separator
StandaardVisuele scheidslijn
Sectie A
Sectie B
Switch
StandaardAan/uit schakelaar
Toggle
OptioneelTwee-staten wisselknop
Slider
OptioneelSchuifregelaar voor waardebereik
Avatar
OptioneelProfielfoto of initialen weergave
Skeleton
OptioneelLaadstatus placeholder
Progress
OptioneelVoortgangsindicator
72%
Aspect Ratio
OptioneelBehoudt beeldverhouding van content
Molecules
Radio Group
StandaardEnkele selectie uit meerdere opties
Select
StandaardKeuzelijst met dropdown opties
Toggle Group
OptioneelGroep van wisselknoppen
Card
StandaardContainer met header, content en footer
Project Alpha
Vector Bross Design
Status: actief
Alert
StandaardInformatie- of waarschuwingsmelding
Opmerking
Tooltip
OptioneelHover-informatie popup
Hover Card
OptioneelPreview kaart bij hover
Breadcrumb
OptioneelHiërarchische padnavigatie
Popover
OptioneelZwevend informatiepaneel
Pagination
OptioneelPagina navigatie met nummering
Collapsible
OptioneelOpvouwbare content blok
Organisms
Table
StandaardGegevens in rijen en kolommen
| Component | Status |
|---|---|
| Button | Actief |
| Dialog | Beta |
Alert Dialog
StandaardBevestigingsdialoog met acties
Dialog
StandaardModaal venster voor inhoud
Toast (Sonner)
StandaardTijdelijke notificatie-melding
Tabs
StandaardTabblad navigatie voor secties
Navigation Menu
StandaardHoofdnavigatie met submenu's
Navigation Menu — gebruik voor uitgebreide site navigatie met submenu's en content panels.
Accordion
StandaardInklapbare secties
Sheet
StandaardZijpaneel overlay
Dropdown Menu
StandaardUitklapmenu met acties
Menubar
OptioneelHorizontale menubalk
Command
OptioneelZoekopdracht palette (CMD+K stijl)
Scroll Area
OptioneelScrollbaar gebied met stijl
Carousel
OptioneelHorizontale slider voor content
Context Menu
OptioneelRechtermuisklik menu
Drawer
OptioneelSchuiflade van onderaf
Templates
Header 15
Hero sectie met split-layout: titel links, beschrijving + CTA's rechts, en full-width afbeelding
Medium length hero heading goes here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.