Search components

20 results

Expandable and collapsible, stacked headings that when clicked reveal content related to the heading.

How to display the Government of Alberta (GoA) signature logo.

Provides a linked, visual aid for important actions.

Colour coded text boxes used to alert people to events, important changes, urgent notices, and emergencies.

Text box that describes or conveys the subject matter of an image, chart or table.

A linked, rectangular container that facilitates navigation.

An input field allowing for multiple selections from a small list of options.

How to apply the accessible, brand-derived colour palette from the Government of Alberta colour standards.

Thin lines used to separate blocks of content.

A field that allows you to select one option from a large list of hidden options.

A decorative component on a marketing page where the page title and lead sentence are visible over a large image.

A list of guidelines and references for icons used in specific user interface elements.

Aspect ratios, size requirements and writing guidelines for images.

A hierarchy of actions provided by buttons and various styles for in-page hyperlinks.

Site-wide messaging with a strong, visual emphasis about important changes or facts the public need to know.

Pagination allows you to scroll through multiple pages or screens, as part of a related set.

Input field allowing for a single selection from a small list of options commonly found in a form.

The social share component allows you to share a page through one of the Government of Alberta’s social media channels.

A structured arrangement of detailed alphanumeric data in rows and columns.

How to use the standard Government of Alberta (GoA) typeface for all public websites and applications.

Was this page helpful?

All fields are required unless otherwise indicated.

Your submissions are monitored by our web team and are used to help improve the experience on