TestimonialCard
An elegant card containing a commentary of a person and stars ratings.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Samantha Lee
Designer
Props:
personName
Description: Person name. Type: String. Required.
imgUrl
Description: Person image url. Type: String. Required.
testimonial
Description: The person commentary content. Type: String. Required.
personRole
Description: Person role. Type: String.
ratings
Description: A number to represent the number of stars to represent the testimonial review average. Type: Some value between 1 and 5, number.
cardStyle
Description: Card style. Type: CSS Properties.
cardClassName
Description: Card className. Type: String.
titleStyle
Description: Title style. Type: CSS Properties.
titleClassName
Description: Title className. Type: String.
testimonialTextStyle
Description: Testimonial text style. Type: CSS Properties.
testimonialTextClassName
Description: Testimonial text className. Type: String.
roleTextStyle
Description: Role text style. Type: CSS Properties.
roleTextClassName
Description: Role text className. Type: String.
glassEffect
Description: Applies glassEffect className if true. Type: Boolean. Default: False.
<TestimonialCardComponent personName={profile.name} ratings={profile.ratings} personPhotoUrl={profile.url} testimonial={profile.testimonial} personRole={profile.role} />