Testimonial

The Testimonial component showcases a quote from a customer or user, typically used for social proof on marketing pages. It includes a logo, the testimonial content, and source details.

Default

TalkJS logo
“TalkJS has been a game-changer for our product. The integration was quick, the documentation was clear, and the support team has been incredibly responsive. Our users now enjoy a seamless, native chat experience that’s boosted engagement across the board.”
Carl Barenbrug's avatar
Carl Barenbrug
Product Designer, TalkJS
<Testimonial
logo="/logo.svg"
quote="Quote."
name="Full name"
role="Role"
company="Company"
avatar="/avatar.jpg"
logoWidth="w-40"
/>

Text-only

“We’ve tested countless tools, but nothing came close to the flexibility and ease of use this offered. It’s now a core part of how we communicate with our users.”
Joshua Schoenaker
Co-founder, TalkJS
<Testimonial
quote="Quote."
name="Full name"
role="Role"
company="Company"
/>

Usage

The Testimonial component can be referenced using the following format:

import Testimonial from "../../components/Testimonial";

Accessibility

The testimonial includes semantic HTML, alternative text for logos and avatars, and keyboard-accessible content structure.