✍️ Puck 0.20 released: inline text editing, overlay portals & resizable sidebars
  • Docs
  • Blog
  • Introduction
  • Getting Started
    • Component Configuration
    • Root Configuration
    • Multi-column Layouts
    • Categories
    • Dynamic Props
    • Dynamic Fields
    • External Data Sources
    • React Server Components
    • Data Migration
    • Viewports
    • Feature Toggling
    • Overlay Portals
    • Composition
    • Custom Fields
    • Field Transforms
    • Internal Puck API
    • Theming
    • Plugin API
    • UI overrides
    • Components
    • Configuration
    • Fields
    • Overrides
      • actionBar
      • componentItem
      • components
      • fieldLabel
      • fieldTypes
      • fields
      • headerActions
      • header
      • iframe
      • outline
      • preview
      • puck
      • componentOverlay
      • drawer
      • drawerItem
    • Actions
    • FieldTransforms
    • Permissions
    • Plugin
    • PuckApi
    • Theming
  • Introduction
  • Getting Started
    • Component Configuration
    • Root Configuration
    • Multi-column Layouts
    • Categories
    • Dynamic Props
    • Dynamic Fields
    • External Data Sources
    • React Server Components
    • Data Migration
    • Viewports
    • Feature Toggling
    • Overlay Portals
    • Composition
    • Custom Fields
    • Field Transforms
    • Internal Puck API
    • Theming
    • Plugin API
    • UI overrides
    • Components
    • Configuration
    • Fields
    • Overrides
      • actionBar
      • componentItem
      • components
      • fieldLabel
      • fieldTypes
      • fields
      • headerActions
      • header
      • iframe
      • outline
      • preview
      • puck
      • componentOverlay
      • drawer
      • drawerItem
    • Actions
    • FieldTransforms
    • Permissions
    • Plugin
    • PuckApi
    • Theming
API ReferenceOverridesheader

header

Override the header.

const overrides = { header: ({ actions }) => ( <header> <span>My header</span> <div>{actions}</div> </header> ), };

Props

PropExampleType
actions<div />ReactNode
children<div />ReactNode

actions

A node containing the headerActions.

children

The default node for the header.

Previous
headerActions
Next
iframe
On this page
  • Props
  • actions
  • children
Resources
  • Docs
  • Live Demo
  • Blog
  • Releases
Products
  • Coming soon
Services
  • Coming soon
Social
  • GitHub
  • Discord
  • Twitter
  • Bluesky