Button - GC Design System
Button <gcds-button> Also called: call to action, CTA. The button is an interactive object that emphasizes an action. GitHub Figma
Button - GC Design System
Button component preview Start Submit Cancel Delete Use case Design Code Button anatomy The container gives the button its visual prominence. The label states the action that’ll happen when …
Button component preview - GC Design System
Button component preview - GC Design System Start Submit Cancel Delete
Theme and topic menu - GC Design System
The menu button toggles the Theme and topic menu open or closed. The theme and topic list includes the pre-set main themes for Canada.ca. The flyout is a list of relevant links to each topic that appears …
Link - GC Design System
For desktop, place skip-to-content button at top left of the page so it doesn't interrupt the flow. Avoid external links when possible Avoid adding external links: In the middle of a person's progress, like …
Text - GC Design System
Use case Design Code Problems text solves Use the text component to: Convey information in small or large blocks of written content to provide essential details about a program or service without adding …
Pagination - GC Design System
Related components Stepper to track progress in a multi-step process. Links in the button component to navigate between non-sequential pages or to external sites.
Side navigation - GC Design System - Canada
Use case Design Code Check out side navigation use cases to see if they fit the problem you’re solving for. Problems side navigation solves It’s optional to use side navigation in products for: Making …