This project is still a work in progress.

payload bricks
Blocks

Media with text

A two-column section of media and text

Installation

npx shadcn@latest add https://payload-bricks.bblank.dev/r/media-with-text-block.json

Usage

collections/Pages.ts
import { MediaWithText } from "@/blocks/media-with-text/media-with-text-config"
import type { CollectionConfig } from "payload"

export const Pages: CollectionConfig<"pages"> = {
  slug: "pages",
  fields: [
    {
      name: "layout",
      type: "blocks",
      blocks: [MediaWithText],
      required: true,
    },
  ],
}

Block structure

nametype
introgroupintro field
headlinegroupheadline field
richTextrich textrich text field
buttonsarraybutton group field
mediaGrouparraymedia group field
columnOrderselectmedia-left, media-right

On this page