This project is still a work in progress.

payload bricks
Blocks

Stats

Used to highlight important numbers

Installation

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

Usage

collections/Pages.ts
import { Stats } from "@/blocks/stats/stats-config"
import type { CollectionConfig } from "payload"

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

Block structure

nametype
introgroupintro field
itemsarray
prefixtextinside items
valuenumberinside items
suffixtextinside items
labeltextinside items

On this page