Gebruik:

De gebruiksregel voor dit element is om maximaal één primaire button per pagina te gebruiken.

Primaire button:

Primaire button met icon:

Primaire button met cms modifier:

Primaire button met spinner:

Gebruik:

o.a. secundaire acties in formulieren

Secundaire button:

Secundaire button met icon:

Secundaire button met cms modifier:

Secundaire button met spinner:

Gebruik:

Lage prioriteit interacties

Tertiaire button:

Tertiaire button met icon:

Tertiaire button - icon only:

Tertiaire button met cms modifier:

Tertiaire button met spinner:

Tertiaire button met modifier om hem dezelfde hoogte te geven als belendende buttons:

Button combinaties

Wanneer buttons bij elkaar gegroepeerd moeten worden aangeboden, moet een .dso-form-buttons worden toegepast. Doorgaans zullen deze groeperingen in context van een formulier staan, maar dit is niet noodzakelijk.

Als buttons links uitgelijnd moeten worden, worden deze gegroepeerd in een div.dso-aside. Uitzondering: dit is niet nodig in een .dso-single-page, daar worden de knoppen al links uitgelijnd.