BlocksHeader

Header 1

Responsive navigation header with animated mobile menu and scroll effects

Preview

Props

The Header_1 block accepts the following props from PayloadCMS:

Prop

Type

Each navigation item in the menuItems array has the following structure:

Prop

Type

Installation

npx shadcn@latest add @uifoundry/header-1

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

Dependencies

This component requires the following NPM packages:

  • PayloadCMS - Headless CMS and application framework
  • React - JavaScript library for building user interfaces
  • Next.js - React framework for production
  • Lucide React - Beautiful & consistent icon toolkit

Header Blocks

Collection of PayloadCMS header block configurations and components

Header 2

Full-width navigation header with border and backdrop blur effects

On this page

PreviewPropsNavItemInstallationRegistry DependenciesDependencies