Skip to content

Buttons

ShannonTucker edited this page Feb 15, 2022 · 11 revisions

Buttons are clickable objects intended to encourage a person to take action.

Overview

Button types

Usage

Check out the Canada.ca design system to learn when to use buttons and how to implement each type of button.

Customizing buttons

  • Button text and icons can be customized to meet your needs.
  • Button colours cannot be changed. Please use the colour that is built into the component.

Related components

Use text links to link to another page in the site.

How we created this component- 4A Assessment

We imported the buttons from the Core GC Design Library and altered them by removing borders and shadows and increasing the font size of all button types (except for the Super task button) to match the standard 20px body font size. We also altered the focus states of all buttons to make them more visible. Lastly, we augmented the buttons by adding a variation for each button style with an icon. The updated buttons can be found in the Extended GC Design Library - DECD

Clone this wiki locally