# Knoppen - designsysteem van Unless

Componenten

# Knoppen
  [Varianten](/nl/design/components/buttons/)[Statussen](/nl/design/components/buttons/states/)[Gebruik](/nl/design/components/buttons/usage/)
## Interactieve statussen - standaard → hover → focus → uitgeschakeld

De vier statussen die elke primaire knop doorloopt, getoond op papier. Hover maakt de knop donkerder; focus voegt de universele ring toe van 2 px wit plus 2 px piek; uitgeschakeld verlaagt de dekking en verandert de cursor.
            [Knoppen · Varianten](/nl/design/components/buttons/)     [Knoppen · Gebruik](/nl/design/components/buttons/usage/)