Digital pattern library

Buttons

Buttons are calls to action that are used to direct users to related pages.

Rules for buttons

Options available


Primary button

Primary buttons are used on all pages with the primary blue palette theme.

Primary

Code
Primary

Secondary and tertiary buttons

Secondary and tertiary buttons are used on pages currently using the secondary and tertiary palette themes.

Secondary Tertiary 1 Tertiary 2 Tertiary 3

Code
Secondary
Tertiary 1
Tertiary 2
Tertiary 3

Label buttons

Label buttons must be used only on forms and other tasks that involve a user completing a task. For further information on the application of buttons in forms, see the form elements pattern.

Success Info Warning Danger

Code
Success
Info
Warning
Danger

Icon buttons

PDF document ZIP file Word document Powerpoint presentation

Code
PDF document 
ZIP file 
Word document 
Powerpoint presentation