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.
AllAccordionBadgeBlockButtonButton groupCalloutCheckboxContainerDate pickerDetailsDividerDropdownFile uploaderFilter chipFooterForm itemForm stepperGridHeaderHero bannerIconsIcon buttonInputListMicrosite headerModalNotification bannerPaginationPopoverProgress indicatorRadioSide menuSkeleton loadingSpacerTableTabsTextText areaTooltip

Footer

Provides information related your service at the bottom of every page.

Related components: Header, Layout

Basic Footer

<GoAAppFooter maxContentWidth="100%"></GoAAppFooter>
maxContentWidthstring
The maximum width of the main content area Defaults to 100%.
maxColumnCountnumber
Set the number of columns for navigation links on larger viewports Defaults to 1.
headingstring
Sub heading of the navigation links
PrivacyDisclaimerAccessibilityUsing Alberta.ca
<GoAAppFooter maxContentWidth="100%">
  <GoAAppFooterMetaSection>
    <a href="privacy.html">
      Privacy
    </a>
    <a href="disclaimer.html">
      Disclaimer
    </a>
    <a href="accessibility.html">
      Accessibility
    </a>
    <a href="using-alberta.html">
      Using Alberta.ca
    </a>
  </GoAAppFooterMetaSection>
</GoAAppFooter>
Arts and cultureEducation and trainingFamily and social supportsHousing and communityLife eventsBusiness and economyEmergencies and public safetyGovernmentJobs and employmentMoving to AlbertaPrivacyDisclaimerAccessibilityUsing Alberta.ca
<GoAAppFooter maxContentWidth="100%">
  <GoAAppFooterNavSection maxColumnCount={1}>
    <a href="a.html">
      Arts and culture
    </a>
    <a href="b.html">
      Education and training
    </a>
    <a href="c.html">
      Family and social supports
    </a>
    <a href="d.html">
      Housing and community
    </a>
    <a href="e.html">
      Life events
    </a>
    <a href="f.html">
      Business and economy
    </a>
    <a href="g.html">
      Emergencies and public safety
    </a>
    <a href="h.html">
      Government
    </a>
    <a href="i.html">
      Jobs and employment
    </a>
    <a href="j.html">
      Moving to Alberta
    </a>
  </GoAAppFooterNavSection>
  <GoAAppFooterMetaSection>
    <a href="privacy.html">
      Privacy
    </a>
    <a href="disclaimer.html">
      Disclaimer
    </a>
    <a href="accessibility.html">
      Accessibility
    </a>
    <a href="using-alberta.html">
      Using Alberta.ca
    </a>
  </GoAAppFooterMetaSection>
</GoAAppFooter>

Coming Soon

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