UI Demo

Een referentiegids voor de beschikbare UI componenten in deze starter template.

Knoppen (Buttons)

Primaire knop Secundaire knop Ghost knop 
<Button href="/" variant="primary">Naar home</Button>
<Button variant="secondary" size="sm">Kleine knop</Button>

Links

Interne link Externe link (nieuwe tab) 
<Link href="/nl/privacybeleid">Privacybeleid</Link>
<Link href="https://example.com" target="_blank">Externe link</Link>

Badges

Standaard Gedempt Outline 
<Badge>Nieuw</Badge>
<Badge variant="muted">Info</Badge>
<Badge variant="outline">Beta</Badge>

Prose

De Prose component zorgt voor schone typografie.

Voorbeeld subkop (H3)

  • Lijst item één
  • Lijst item twee
  • Lijst item drie
<Prose>
<h2>Koptekst</h2>
<p>Wat tekst...</p>
</Prose>