Blocks
Hero
Used to communicate key value proposition
Installation
npx shadcn@latest add https://payload-bricks.bblank.dev/r/hero-block.jsonUsage
import type { CollectionConfig } from "payload"
import { Hero } from "@/blocks/hero/hero-config"
export const Pages: CollectionConfig<"pages"> = {
slug: "pages",
fields: [
{
name: "layout",
type: "blocks",
blocks: [Hero],
required: true,
},
],
}Block structure
| name | type | |
|---|---|---|
eyebrowText | text | |
headline | group | headline field |
richText | rich text | rich text field |
buttons | array | button group field |
mediaGroup | array | media group field |