Testimonials Rating
A testimonials section — a responsive grid of review cards, each with a star rating, quote, author, optional role, and avatar.
New in 0.1.1 Version the current component and shared source, including explicit localization semantics where applicable.
Installation
npx payload-components add testimonials-ratingWhat it installs
Copies 3 source files into your project:
src/blocks/shared/testimonialFields.tssharedsrc/blocks/TestimonialsRating/config.tssrc/blocks/TestimonialsRating/Component.tsx
…and makes 4 edits to wire the block into your project:
| Registers the block | src/collections/Pages/index.ts |
| Maps the renderer | src/blocks/RenderBlocks.tsx |
| Regenerates types | src/payload-types.ts |
| Regenerates the admin import map | src/app/(payload)/admin/importMap.js |
src/collections/Pages/index.tssrc/blocks/RenderBlocks.tsxsrc/payload-types.tssrc/app/(payload)/admin/importMap.jstestimonialFields.ts is shared source for this component family. Components that install the same path reuse that local copy, and re-running an install never overwrites a copy you have changed.Re-running the CLI install detects existing source and wiring, then records install state in .payload-components/state.json.
Content model
The eyebrow, title, and description heading fields come from the shared
Testimonials family base (src/blocks/shared/testimonialFields.ts); the testimonials
review grid is specific to this variant.
Prop
Type
Each item in testimonials carries a star rating plus the shared one-quote shape:
Prop
Type
Usage
TestimonialsRating block to its layout.RenderBlocks on the frontend, fully typed — no extra wiring.Requirements
- Target
- payload-website-starter, payload-blocks-app
- Payload
- v3
- Next.js
- 15 / 16
- shadcn UI
- badge
Your project must already expose components.json, src/payload.config.ts — the surfaces patched by payload-components add. The CLI verifies this against the support matrix before touching anything.
Layout adapted from tailark/blocks (MIT), retokenized onto the Payload Components design system.
In this family
testimonials-quotetestimonials-spotlighttestimonials-gridtestimonials-ratingcurrenttestimonials-bentotestimonials-wall