Header Global

Preview

import { HeaderGlobal } from "~/payload/globals/Header/config"
import Header from "~/payload/globals/Header"

// Usage in PayloadCMS configuration
const headerGlobal = HeaderGlobal

// Usage in React component
<Header header={global.header} />

Props

The Header Global provides the following configuration:

Installation

npx shadcn@latest add @uifoundry/header-global

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

Registry Dependencies

This component uses the following registry components:

• Style Utils - Tailwind utility functions including cn() class merger
• Header Blocks - Collection of PayloadCMS header block configurations and components
• Render Blocks - Component for rendering PayloadCMS blocks dynamically with proper typing

Dependencies

This component requires the following NPM packages:

• React - JavaScript library for building user interfaces