Skip to main content
The Testimonials block renders a responsive grid of quote cards sourced from Sanity testimonial documents. It supports five display modes including grouping testimonials by project for impact case studies.

​
Props

​
heading
string
Optional section heading rendered as <h2>.
​
displayMode
'all' | 'industry' | 'student' | 'byProject' | 'manual'
Controls which testimonials are shown. Defaults to all. Filtering is applied by resolveBlockTestimonials() in sanity.ts before the block receives its props.
ValueBehavior
allAll testimonials
industryOnly type == "industry"
studentOnly type == "student"
byProjectOnly testimonials with a project reference; grouped by project
manualEditor-selected list from the block config
​
testimonials
Testimonial[]
Pre-resolved array of testimonial objects injected by BlockRenderer via resolveBlockTestimonials(). Each testimonial includes name, quote, role, organization, type, photo, videoUrl, and an optional project reference.
​
class
string
Additional CSS classes.
​
id
string
HTML id for anchor targeting.

​
Usage in Sanity Studio

  1. Add a Testimonials block to a page.
  2. Set an optional Heading.
  3. Choose a Display Mode:
    • all — shows every testimonial
    • industry / student — filters by type
    • byProject — groups quotes under their linked project (useful for impact sections)
    • manual — exposes a multi-reference picker to hand-select testimonials
Use byProject mode on project showcase pages to surface impact quotes in context without duplicating data.

​
Layout

Testimonials render in a 3-column responsive grid (md:grid-cols-2 lg:grid-cols-3). In byProject mode, each group has a linked project heading above its 3-column grid. Each card is rendered by TestimonialCard.astro which handles the quote, attribution, photo, and optional video link.

​
Example

{
  _type: 'testimonials',
  heading: 'What sponsors say',
  displayMode: 'industry'
}

Build docs developers (and LLMs) love

Get started for freeTalk to us