Content Blocks
3D Perspective
3D perspective testimonial deck with depth and rotation.
testimonial3dperspectiverotation
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 | #0f172a | Background color of the component (hex, rgb, or hsl). |
cardBgColor | string | rgba(51, 65, 85, 0.5) | Background color of the testimonial cards (hex, rgb, or hsl). |
cardBorderColor | string | #334155 | Border color of the testimonial cards (hex, rgb, or hsl). |
innerCardBgColor | string | rgba(15, 23, 42, 0.5) | Background color of inner cards (hex, rgb, or hsl). |
innerCardBorderColor | string | rgba(255,255,255,0.05) | Border color of inner cards (hex, rgb, or hsl). |
avatarBorderColor | string | rgba(255,255,255,0.1) | Border color of the avatar images (hex, rgb, or hsl). |
quoteIconColor | string | #64748b | Color of the quote icon (hex, rgb, or hsl). |
quoteTextColor | string | #f1f5f9 | Color of the quote text (hex, rgb, or hsl). |
authorNameColor | string | #ffffff | Color of the author name text (hex, rgb, or hsl). |
authorCompanyColor | string | #94a3b8 | Color of the author company text (hex, rgb, or hsl). |
dividerColor | string | rgba(255,255,255,0.1) | Color of dividers (hex, rgb, or hsl). |
arrowBgColor | string | rgba(255,255,255,0.1) | Background color of arrow buttons (hex, rgb, or hsl). |
arrowIconColor | string | #ffffff | Icon color of arrow buttons (hex, rgb, or hsl). |