Toegankelijk van nature. Één bron van waarheid voor alles wat visueel is.
Voeg @byzantium/core toe aan je project.
pnpm add @byzantium/coreImporteer componenten en stijlen in je Vue-bestand.
import { ByzButton, ByzCard, useTheme } from '@byzantium/core'
import '@byzantium/core/styles'<ByzButton variant="primary">
Aan de slag
</ByzButton>
<ByzCard padding="md" :elevated="true">
Inhoud van de card
</ByzCard>Enkelvoudige bouwstenen zonder afhankelijkheden.
Samengestelde componenten met logica.
Volledige pagina-patronen klaar voor productie.
60+ design tokens als CSS custom properties — --byz-* variabelen voor kleur, spacing, typografie, motion, schaduwen en z-index.
ARIA-patronen, toetsenbordnavigatie, focus trap, live regions en touch targets van 44px ingebakken in elk component.
Imperial Dark als standaard. Schakel naar licht via useTheme(). Voorkeur opgeslagen in localStorage.
Volledige TypeScript strict mode. Typed props, emits en composables. Automatisch gegenereerde .d.ts declaraties.
Composition API, script setup, Teleport en Transition. Gebouwd met Vite voor snelle HMR.
Alle animaties respecteren prefers-reduced-motion via CSS media queries.