Back to all examples

Show quick links

<GoabAppFooter maxContentWidth="100%">
      <GoabAppFooterMetaSection>
        <a href="#">Give feedback</a>
        <a href="#">Accessibility</a>
        <a href="#">Privacy</a>
        <a href="#">Contact us</a>
      </GoabAppFooterMetaSection>
    </GoabAppFooter>
<goab-app-footer maxContentWidth="100%">
  <goab-app-footer-meta-section slot="meta">
    <a href="#">Give feedback</a>
    <a href="#">Accessibility</a>
    <a href="#">Privacy</a>
    <a href="#">Contact us</a>
  </goab-app-footer-meta-section>
</goab-app-footer>
<goa-app-footer version="2" maxcontentwidth="100%">
  <goa-app-footer-meta-section slot="meta">
    <a href="#">Give feedback</a>
    <a href="#">Accessibility</a>
    <a href="#">Privacy</a>
    <a href="#">Contact us</a>
  </goa-app-footer-meta-section>
</goa-app-footer>

Use the app footer meta section to display essential quick links like feedback, accessibility, privacy, and contact information without the full navigation structure.

When to use

Use this pattern when:

  • Building a simpler service that doesn’t need full navigation
  • Essential utility links are required in the footer
  • The service needs quick access to feedback/contact
  • Full footer navigation would be excessive

Considerations

  • Keep the meta section links focused and essential
  • Include accessibility and privacy links as required
  • Order links by importance or frequency of use
  • Use consistent link text across government services
View old example docs