Skip to Content
Reference<TestimonialsGrid>

Image of the TestimonialsGrid component with multiple testimonial cards

<TestimonialsGrid maxColumnCount={2}>
  <TestimonialsGrid.Testimonial
    message="Showing social proof is very important. Share a nice review from your users."
    authorName="Jane Doe"
    authorTitle="iOS Developer"
    authorImageUrl="/app_view/profile_image_placeholder.png"
    messageFontStyle="italic"
    source="https://threads.com/some-thread-message"
  />
  <TestimonialsGrid.Testimonial
    message="If it's an App Store review, show the star rating to add visual variety."
    authorName="John Smith"
    source="appStore"
    starsRating={true}
  />
</TestimonialsGrid>

<TestimonialsGrid>Properties

PropertyValueDescription
maxColumnCountnumber

Maximum number of columns in the grid. Defaults to 2.

<TestimonialsGrid.Testimonial> Properties

PropertyValueDescription
messagestring

Testimonial text content.

authorNamestring

Author name shown under the message.

authorTitlestring

Optional author title shown under the name.

authorImageUrlstring

Optional author avatar image URL.

messageFontStyle
normalitalic

Font style for the message. Defaults to italic.

quotationMarksboolean

Shows quotation marks around the message. Defaults to true.

sourcestring | 'appStore'

Optional source URL or appStore to show the App Store logo.

starsRatingboolean

Shows a 5-star rating. Defaults to false.

<Section>