Buttons and Forms

Buttons and forms are the building blocks of transactional interactions with users.

Buttons

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 Types

Button Sizes

Input Validation

Text Input Fields

Checkboxes and Radio Buttons

Value 1
Value 2
Value 3
Value 1
Value 2
Value 3

Selection Input Types