Show links to navigation items
<GoabxAppFooter maxContentWidth="100%">
<GoabxAppFooterNavSection 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>
</GoabxAppFooterNavSection>
<GoabxAppFooterMetaSection>
<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>
</GoabxAppFooterMetaSection>
</GoabxAppFooter><goabx-app-footer maxContentWidth="100%">
<goabx-app-footer-nav-section slot="nav" [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>
</goabx-app-footer-nav-section>
<goabx-app-footer-meta-section slot="meta">
<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>
</goabx-app-footer-meta-section>
</goabx-app-footer><goa-app-footer version="2" maxcontentwidth="100%">
<goa-app-footer-nav-section slot="nav" 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>
</goa-app-footer-nav-section>
<goa-app-footer-meta-section slot="meta">
<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>
</goa-app-footer-meta-section>
</goa-app-footer>Use the app footer to display comprehensive navigation links organized into sections, along with meta links for common utilities like privacy and accessibility.
When to use
Use this pattern when:
- Building a full-featured government service
- Users need access to site-wide navigation in the footer
- Meta links (privacy, accessibility, etc.) are required
- Organizing footer links into logical categories helps navigation
Considerations
- Group related links in the nav section
- Keep meta section for utility links (privacy, accessibility, contact)
- Control column layout with maxColumnCount prop
- Ensure all links are properly labeled and functional