Testimonial

Showcase positive feedback from users

Use the Testimonial component to showcase positive feedback or endorsements from customers, clients, or users.

Preview

"Add user testimonies to improve trustworthiness"

Nicole WilliamsDeveloper

<Testimonial
    text='"Add user testimonies to improve trustworthiness"'
    name="Nicole Williams"
    role="Developer"
    avatar={{
        img: '/img/avatar2.png',
        alt: 'Nicole'
    }}
/>

To use the Testimonial component, you must specify a text and a name prop. You can also specify the following additional props to customize the look of your component:

• role: Sets a role for the reviewer after the name.
• avatar: Sets the avatar of the reviewer.
• showIcon: By default, a quote icon is shown at the top of the testimonial. You can hide this by setting this prop to false.

With required props only

"Add user testimonies to improve trustworthiness"

Nicole Williams

Without icon

"Add user testimonies to improve trustworthiness"

Nicole WilliamsDeveloper

<Testimonial
    text='"Add user testimonies to improve trustworthiness"'
    name="Nicole Williams"
/>

<Testimonial
    showIcon={false}
    ...
/>

API

type TestimonialProps = {
    text: string
    name: string
    avatar?: AvatarProps
    showIcon?: boolean
    role?: string
    className?: string
}