Header Blocks

Preview

import { blocks, blockComponents } from "~/payload/blocks/Header"

// Usage in PayloadCMS configuration
const headerBlocks = blocks // [Header_1_Block, Header_2_Block]

// Usage with RenderBlocks
<RenderBlocks
  blocks={page.headers}
  blockComponents={blockComponents}
/>

Props

The Header Blocks export provides the following:

Installation

npx shadcn@latest add @uifoundry/header-blocks

If you encounter issues, check the registry setup guide for configuration help.

Registry Dependencies

This component uses the following registry components:

• Header 1 - Responsive navigation header with animated mobile menu and scroll effects
• Header 2 - Full-width navigation header with border and backdrop blur effects

Dependencies

This component has no direct NPM dependencies - dependencies are inherited from the individual header components.