Get startedPatternsComponentsStylesContentSupport
Select your development framework to see all code in your development languages. You can change this in the top right of the screen.
Start with the design systemUX DesignersOverviewSetupVerify a bugVS CodeTechnologiesSupported BrowsersVersion update guideQA testingContributeSupportRoadmapUser experience guidelines

Developers

VS Code

You can use VS Code's autocomplete suggestions for design system components and design tokens.

Design tokens autocomplete

Get code autocomplete suggestions for the goa design tokens.

  • Automatically works for CSS and Sass files
  • Preview design token values in autocomplete description
  • Color previews for all color tokens
  • Relevant code completions based on the current line of code

Components autocomplete

In order to use VS Code's HTML/CSS Custom Data support to enhance GoA Web Components HTML editing experience, include our html custom data setting found in .vscode/settings.json:

Join design system drop in hours to get feedback on your service, propose new components or patterns, suggest changes to existing resources, ask questions, and give feedback to the design system. These sessions are for Government of Alberta product teams.
Book time in drop in hours
Get startedPatternsComponentsStylesContentSubmit an issue#design-system-supportContribute to the design systemGive feedbackRelease notes