Content Blocks
Horizontal Gallery
Horizontal scrolling testimonial gallery with smooth transitions.
testimonialhorizontalgalleryscroll
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
testimonials | TestimonialItem[] | [] | Array of testimonial items with id, name, role, company, content/text, media, avatar/image. |
backgroundColor | string | #ffffff | Background color of the component (hex, rgb, or hsl). |
textColor | string | #000000 | Default text color (hex, rgb, or hsl). |
title | string | REAL STORIES | Main title text (supports newlines with \n). |
titleColor | string | #000000 | Color of the title text (hex, rgb, or hsl). |
arrowColor | string | #000000 | Color of arrow icons (hex, rgb, or hsl). |
cardBgColor | string | #f5f5f5 | Background color of the testimonial cards (hex, rgb, or hsl). |
companyBadgeBgColor | string | #ffffff | Background color of company badges (hex, rgb, or hsl). |
companyBadgeTextColor | string | #000000 | Text color of company badges (hex, rgb, or hsl). |
quoteColor | string | #000000 | Color of the quote text (hex, rgb, or hsl). |
quoteItalic | boolean | true | Whether to display quotes in italic. |
authorNameColor | string | #000000 | Color of the author name text (hex, rgb, or hsl). |
authorBorderColor | string | rgba(0,0,0,0.1) | Border color of author sections (hex, rgb, or hsl). |
ctaCircleBgColor | string | #000000 | Background color of the CTA circle (hex, rgb, or hsl). |
ctaCircleTextColor | string | #ffffff | Text color of the CTA circle (hex, rgb, or hsl). |
ctaText | string | Join the Revolution | CTA text content (supports newlines with \n). |