Content Blocks
Vertical Accordion
Vertical accordion testimonial section with expandable cards.
testimonialverticalaccordionexpandable
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, video. |
backgroundColor | string | #f5f5f5 | Background color of the component (hex, rgb, or hsl). |
textColor | string | #000000 | Default text color (hex, rgb, or hsl). |
imageOverlayFrom | string | transparent | Start color of the image overlay gradient (hex, rgb, or hsl). |
imageOverlayVia | string | rgba(0,0,0,0.2) | Middle color of the image overlay gradient (hex, rgb, or hsl). |
imageOverlayTo | string | rgba(0,0,0,0.9) | End color of the image overlay gradient (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). |
playButtonBgColor | string | #ffffff | Background color of play buttons (hex, rgb, or hsl). |
playButtonIconColor | string | #000000 | Icon color of play buttons (hex, rgb, or hsl). |
quoteColor | string | #ffffff | Color of the quote text (hex, rgb, or hsl). |
quoteTruncateLength | number | 60 | Maximum length of quote text before truncation. |
authorNameColor | string | #ffffff | Color of the author name text (hex, rgb, or hsl). |
authorRoleColor | string | rgba(255,255,255,0.7) | Color of the author role text (hex, rgb, or hsl). |
authorAvatarBorderColor | string | #ffffff | Border color of the author avatar images (hex, rgb, or hsl). |
inactiveLabelColor | string | rgba(255,255,255,0.7) | Color of inactive labels (hex, rgb, or hsl). |
inactiveLabelRotate | number | -90 | Rotation angle of inactive labels in degrees. |