Skip to content
P1 Blocks

Block 92 of 297

Header — Government

Official-website banner with a "Here's how you know" disclosure, seal and agency name, search, quick service links and a full-width nav bar.

Puck key
HeaderCivicBlock
Export
headerCivicBlock
React component
<HeaderCivic />
Path
components/puck/header-civic-block.tsx
Dependencies
None
License
MIT

Live demo

Try this block in a real editor

Pick the editor your team uses. Both run in your browser, and nothing is saved.

  • Pantheon Content Publisher (P1)

    Puck

    The visual editor P1 is built on. Drag blocks onto a page, edit their fields in the sidebar, then publish to see the result.

    Open in Puck

  • WordPress

    Gutenberg

    WordPress's block editor, running in your browser. Insert blocks from the library, then change their settings in the sidebar.

    Open in Gutenberg

The editors work best on a larger screen.

Edit it in Puck or Gutenberg. Nothing is saved.

Editor fields

What content editors see in the P1 sidebar when they select this block.

  • Official site linetext
  • Disclosure labeltext
  • Domain titletext
  • Domain explanationtextarea
  • Security titletext
  • Security explanationtextarea
  • Seal image URLtext
  • Seal alt texttext
  • Agency nametext
  • Subtitletext
  • Home linktext
  • Search pagetext
  • Search parametertext
  • Search labeltext
  • Quick linksarray
  • Navigation nametext
  • Menu linksarray
  • Current sectiontext
  • Mobile menu labeltext