Byzantium icon direction
Calm luxury applied to real interface moments.
Deze voorbeelden gebruiken de geselecteerde kerniconen in echte UI-composities: service, status, navigatie en premium calls to action.
Quiet heritage5 groepen27 kerniconen
ByzIcon
Quiet Heritage In Context
Trust marker
Private client portal
Elegante statusiconen houden beveiliging premium en rustig, zonder alarmistisch te worden.
shield
briefcase-business
book-open
Service contact
High-touch intake flow
Contactmomenten voelen menselijker met warme, betrouwbare iconen in plaats van utilitaire UI-symbolen.
mail
phone
calendar-days
Brand moment
Premium launch callout
Accenticonen blijven zeldzaam en ceremonieel: bedoeld voor highlights, niet voor elk knopje op het scherm.
Core groups in use
Orientatie
housepanel-leftmenu
Handelingen
plusxcheck
Zekerheid
infotriangle-alertcircle-x
Contact
mailphonecalendar-days
Signatuur
compasssparklesstar
ByzBadge
DefaultSuccessWarningErrorInfo
Klein
ByzAvatar
ByzSpinner & ByzSkeleton
Spinner
Laden...Laden...Laden...Laden...Laden...
Skeleton
ByzCheckbox & ByzRadio
Checkbox
Dit veld is verplicht
Radio
ByzSwitch
Meldingen inschakelen
Klein formaat
Uitgeschakeld
ByzTextarea & ByzSelect
Max. 500 tekens
Gebaseerd op je project
ByzTooltip
ByzTag
Vue 3TypeScriptNuxt 4Vite
SuccessWarningErrorInfo
ByzLink
ByzPopover
ByzDrawer
ByzStepper
OnderzoekContext en vereisten
OntwerpWireframes en mockups
BouwenImplementatie
ReviewTesten en feedback
LancerenDeploy naar productie
Stap 2 van 5
Verticaal
OnderzoekContext en vereisten
OntwerpWireframes en mockups
BouwenImplementatie
Stap 2 van 3
ByzAlert
InformatieDit is een informatieve melding.
GeluktDe wijzigingen zijn opgeslagen.
Let opDeze actie kan niet ongedaan worden.
FoutEr is iets misgegaan. Probeer opnieuw.
ByzCard & ByzModal
Small
Compacte card.
Medium
Standaard card.
Elevated
ByzToastContainer
ByzBreadcrumb
ByzProgress
Voortgang68%
Voltooid100%
Mislukt30%
Laden…
ByzTabs
Tokens — kleur, spacing, typografie en motion als CSS custom properties.
ByzAccordion
Design tokens zijn de kleinste bouwstenen van een design system: kleuren, spacing, typografie en motion als naamgegeven variabelen.
ByzDropdown
ByzTable
| Component | Laag | Status |
|---|---|---|
| ByzButton | Primitive | ✓ Klaar |
| ByzInput | Primitive | ✓ Klaar |
| ByzCard | Composite | ✓ Klaar |
| ByzModal | Composite | ✓ Klaar |
| ByzHero | Pattern | ✓ Klaar |
| ByzNavbar | Pattern | ✓ Klaar |
ByzPagination
ByzPageHeader
Overzicht
Alle componenten van het Byzantium design system.
ByzEmptyState
Geen componenten gevonden
Er zijn geen componenten die overeenkomen met je zoekopdracht. Probeer een andere term.