Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Four types of button are used in the app.

Primary

The primary button is a DCB component.

Usage

The primary button is intended to occur once on any page. It is designed to stand out visually. A button can be “primary” if the action preformed is either important or the most common action a user would be likely to perform from that page. Multiple instances of a primary button should be avoided.

Example of use

TBC

Secondary

The secondary button is a DCB component.

Usage

The secondary button is to be used for less important or less frequent actions than the primary button on a page. It is designed to be less prominent than the primary button.

Example of use

TBC

Text

The text button is a standard MUI component.

Usage

TBC

Example of use

TBC

Icon button

The text button is a standard MUI component.

Usage

TBC

Example of use

TBC

Button states