Review Cards
The Review Cards components helps you to simply create beautiful cards for display customers review or testimonials.
Default Review Card
"If you have the opportunity to play this game of life you need to appreciate every moment."
Props Information
Name | Type | Default | Description |
---|---|---|---|
image | string | Used to set the DefaultReviewCard client image. | |
color | 'primary''secondary''info''success''warning''danger''error''light''dark' | success | Used to set the DefaultReviewCard background color. |
name* | string | Used to set the DefaultReviewCard client name. Its a required prop. | |
date* | string | Used to set the DefaultReviewCard date. It's a required prop. | |
review* | string | Used to set the DefaultReviewCard client review. It's a required prop. | |
rating | 12345 | Used to set the DefaultReviewCard rating or stars. Its a required prop. |
Simple Review Card
Pro
Olivia Harper
@oliviaharper
The connections you make at Web Summit are unparalleled, we met users all over the world.
Props Information
Name | Type | Default | Description |
---|---|---|---|
image* | string | Used to set the SimpleReviewCard client image. It's a required prop. | |
name* | string | Used to set the SimpleReviewCard client name. Its a required prop. | |
username* | string | Used to set the SimpleReviewCard client username e.g. twitter username. It's a required prop. | |
review* | string | Used to set the SimpleReviewCard client review. It's a required prop. |
Mini Review Card
Pro
"If you have the opportunity to play this game of life you need to appreciate every moment."
Props Information
Name | Type | Default | Description |
---|---|---|---|
variant | 'gradient''contained''plain' | plain | Used to set the MiniReviewCard background color variation. |
color | 'primary''secondary''info''success''warning''danger''error''light''dark' | Used to set the MiniReviewCard background color. | |
rating* | Number | Used to set the MiniReviewCard rating or stars. Its a required prop. | |
review* | string | Used to set the MiniReviewCard client review. It's a required prop. | |
author* | 'image''name''date' | Used to set the MiniReviewCard client or author details. Its a required prop. |
Complex Review Card
Pro
- Customer Story
Excelent payment service. You guys are the best!
"Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success."
Props Information
Name | Type | Default | Description |
---|---|---|---|
image* | string | Used to set the ComplexReviewCard client image. It's a required prop. | |
title* | string | Used to set the ComplexReviewCard title. It's a required prop. | |
review* | string | Used to set the ComplexReviewCard client review. It's a required prop. | |
author* | 'logo''name''role' | Used to set the ComplexReviewCard client or author details. Its a required prop. |