SGDS Footer Component Skill

<sgds-footer> is the standard footer for Singapore Government digital services. It renders a structured footer with mandatory links (Contact, Feedback, Privacy, Terms of Use) and supports optional site columns via <sgds-footer-item>.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide

Minimal footer (just the legal links bar)? → Use <sgds-footer> with no slots

Add site column links? → Use <sgds-footer-item slot="items"> for each column

Custom title or description above the columns? → Use the title and description slots

Full control over footer layout? → Use the (default) slot — this overrides the items slot layout