BlocksHeader

Header 2

Full-width navigation header with border and backdrop blur effects

Preview

Props

The Header_2 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-2

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
  • Next.js - React framework for production
  • React - JavaScript library for building user interfaces
  • Lucide React - Beautiful & consistent icon toolkit

Header 1

Responsive navigation header with animated mobile menu and scroll effects

Coming Soon 1

Full-screen landing page with countdown timer, email signup, and social media links

On this page

PreviewPropsNavItemInstallationRegistry DependenciesDependencies