Fields

Header Field

PayloadCMS text field configuration for header elements with sensible defaults

Preview

import headerField from "~/payload/fields/header/config";

// Usage in PayloadCMS block/collection config
const mainHeading = headerField({
  name: "title",
  label: "Page Title",
  required: true,
});

Props

The headerField function accepts the following configuration options:

Prop

Type

Installation

npx shadcn@latest add @uifoundry/header-field

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

Registry Dependencies

This component uses the following registry components:

  • Field Types - TypeScript definitions for PayloadCMS fields

Dependencies

This component requires the following NPM packages:

  • React - JavaScript library for building user interfaces
  • Next.js - React framework for production