Testimonial Carousel
Testimonial carousel slider
Overview
Displays testimonials one at a time in a slide transition. Auto-plays by default; pauses on hover. Each slide can optionally show a full-bleed image alongside the quote panel.
Usage
import { TestimonialCarousel } from "@leanicon/web-builder-library";Default (with images)
Full-featured carousel with heading, images, company logos, avatars, and read-more links.
Why leading teams trust us
“This product has completely transformed the way our team collaborates. We ship faster and with more confidence than ever before.”
Jane Doe
Head of Engineering
Without images
Quote-only slides without the side image panel.
What our customers say
“Incredible tool that saved us weeks of development time.”
Alice Johnson
CTO at Acme
Single testimonial
Navigation controls and dot indicators are hidden with a single item.
Featured testimonial
“Switching to this library cut our design-to-code time in half. The team has never been more productive.”
Sofia Martinez
Frontend Architect
Without heading
“This product has completely transformed the way our team collaborates.”
Jane Doe
Head of Engineering
Custom read-more label
Customer stories
“This product has completely transformed the way our team collaborates.”
Jane Doe
Head of Engineering
Dark mode
Why leading teams trust us
“This product has completely transformed the way our team collaborates. We ship faster and with more confidence than ever before.”
Jane Doe
Head of Engineering
Without images — dark mode
What our customers say
“Incredible tool that saved us weeks of development time.”
Alice Johnson
CTO at Acme
Props
Prop | Type | Default | Description |
|---|---|---|---|
|
| — | Array of testimonials (required) |
|
| — | Optional heading above the carousel |
|
|
| Link text for testimonials with |
|
|
| Auto-play interval in ms |
|
| — | Slide transition animation config |
|
| — | Force light or dark mode |
|
| — | Additional CSS classes on root |
Testimonial
Field | Type | Description |
|---|---|---|
|
| Testimonial text (required) |
|
| Author name (required) |
|
| Author role/title |
|
| Author avatar image |
|
| Company logo image |
|
| Side image panel |
|
| Read-more link URL |
Notes
- When
testimonialshas only one item, navigation controls and dot indicators are hidden. - Auto-play pauses on mouse enter and resumes on mouse leave.
- Slides without
imagerender the quote panel at full width. - The
readMoreLabellink only appears on slides that have anhref. - Dark mode: pass
colorScheme="dark"or place inside a.darkancestor.
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
heading | string | — | No | |
readMoreLabel | string | Read more | No | |
testimonials | Testimonial[] | — | Yes | |
autoPlayInterval | number | 5000 | No | |
animation | TestimonialCarouselAnimation | — | No | |
colorScheme | enum | — | No | |
className | string | — | No |