Quotes
Persona Quote Slider
Slider wrapping multiple `PersonaQuote` items.
Overview
PersonaQuoteSlider wraps multiple PersonaQuote items in a slider. Use it for testimonial walls and "what our customers say" sections.
When profile imagery isn't available or the layout calls for a more compact card, use QuoteCardSlider instead.
Key Business & UX Benefits
- Rotates multiple customer stories in the same screen space, multiplying social proof without crowding the layout.
- Pairs face-led testimonials with smooth slide transitions, building trust on landing and brand pages that drive consideration.
- One slider component covers homepage walls and category-level "what customers say" sections from a single configuration.
- Editors order and curate testimonials in Studio, keeping the rotation fresh as new reviews come in.
Usage
PersonaQuoteSlider Default
<PersonaQuoteSlider :persona-quotes="testimonials" />
Feature List
- Wraps multiple PersonaQuote items in a slider for testimonial walls and 'what our customers say' sections
- Rotates customer stories in the same screen space, multiplying social proof per pixel of layout
- Pairs face-led testimonials with smooth slide transitions to build trust on landing and brand pages
- A single configuration covers homepage walls and category-level proof rows
- Editors order and curate testimonials in Studio so the rotation stays fresh as new reviews come in
API Reference
| Prop | Default | Type |
|---|---|---|
personaQuotesrequired | PersonaQuoteProps[] { personName, personNameColor, personNameVisible, 14 more } | |
hasScrollbar | boolean |