Colored buttons should be used to hint at the purpose button.

  • The primary button should only be used once per form and denotes the next logical step in the process (e.g., Continue, Submit)
  • The danger button should be used to denote an important or potentially dangerous action. (e.g., Delete)
  • The outline button should be used to deemphasize less important actions.

Button variants

Button sizes