SGDS Masthead Component Skill

<sgds-masthead> renders the mandatory Official Government Banner required on every page of a .gov.sg digital service. It displays the Singapore crest, the "A Singapore Government Agency Website" identity text, and an expandable "How to identify" panel that explains .gov.sg and HTTPS trust signals.

Mandatory usage: All .gov.sg digital services must include this banner at the top of every page, as mandated by the Singapore Government Design System guidelines.

Prerequisites

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

Quick Decision Guide

Does content need to stretch full screen width?

• Constrained to max-width (default) → omit fluid or set fluid="false"
• Full-width layout (e.g., fluid grid pages) → add fluid

Placement

• Always the first element on the page, above all navigation and content.