# Knoppen - designsysteem van Unless

Componenten

# Knoppen
  [Varianten](/nl/design/components/buttons/)[Statussen](/nl/design/components/buttons/states/)[Gebruik](/nl/design/components/buttons/usage/)
## Drie varianten × twee vlakken, naast elkaar

Alle knoppen die het systeem kent - primair, secundair, ghost - weergegeven op zowel paper als navy, zodat je ziet wat elke variant op elk vlak doet. De primaire knop keert om (navy CTA op papier, witte CTA op navy); secundair en ghost houden dezelfde stem met verwisselde kleuren.

### Op paper

### Op navy
            [Themavlakken · Tokens](/nl/design/surfaces/theme/tokens/)     [Knoppen · Statussen](/nl/design/components/buttons/states/)