Header 1
A responsive navbar header block for Payload CMS with site name, navigation links, and an optional CTA button. Includes a mobile hamburger menu — free to copy and paste.
This block uses the Fluid Design System. Copy the required CSS tokens and React primitives from the Installation & Setup guide.
Preview
Fields Reference
| Field | Type | Required | Localized | Description |
|---|---|---|---|---|
siteName | text | Yes | Yes | Brand or site name |
navLinks | array (1-8) | No | — | Navigation links |
navLinks.label | text | Yes | Yes | Link text |
navLinks.url | text | Yes | No | Link URL |
cta | link | No | Yes | Optional CTA button |