Back to all examples

Show quick links

ReactAngularWeb Components
<GoabAppFooter maxContentWidth="100%">
      <GoabAppFooterMetaSection>
        <a href="#">Give feedback</a>
        <a href="#">Accessibility</a>
        <a href="#">Privacy</a>
        <a href="#">Contact us</a>
      </GoabAppFooterMetaSection>
    </GoabAppFooter>

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