# Knoppen - designsysteem van Unless

Componenten

# Knoppen
  [Varianten](/nl/design/components/buttons/)[Statussen](/nl/design/components/buttons/states/)[Gebruik](/nl/design/components/buttons/usage/)
## Wanneer je welke variant gebruikt

De plaatsingsregels achter primair, secundair en ghost. Eén primaire knop per vlak, nooit twee CTA's die om aandacht vechten - dankzij die beperkingen houdt de call-to-action op de hele site één stem.

- Eén primaire knop per vlak - nooit twee concurrerende CTA's in dezelfde baan.
- Ghost- en link-CTA's dragen de secundaire actie ("Meer weten →").
- Hero- en CTA-banen erven automatisch het bijbehorende primaire recept.
       [Knoppen · Statussen](/nl/design/components/buttons/states/)     [Kaarten · Varianten](/nl/design/components/cards/)