Fields
Headline
Used for headlines
Installation
npx shadcn@latest add https://payload-bricks.bblank.dev/r/headline-field.jsonUsage
import { headlineField } from "@/fields/headline"
import { Block } from "payload"
export const ExampleBlock: Block = {
slug: "example",
interfaceName: "Example",
fields: [
// your other fields
headlineField,
// ...
]
}import { Headline } from "@/components/headline"
import { Example } from "@/payload-types"
export function ExampleBlock(props: Example) {
return <Headline {...props.headline} />
}Field structure
Customization
The headline component uses a major third typescale per default. The sizes of the different heading levels can be customized inside of globals.css.