Review Cards
The Review Cards components helps you to simply create beautiful cards for display customers review or testimonials.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Default Review Card
// Material Kit 2 React Examples
import DefaultReviewCard from "examples/Cards/ReviewCards/DefaultReviewCard";
Nick Willever
"This is an excellent product, the documentation is excellent and helped me get things done more efficiently."
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| color | 'transparent''primary''secondary''info''success''warning''error''dark''light' | transparent | Used to set the DefaultReviewCard background color. |
| image | string | '' | Used to set the DefaultReviewCard client image. |
| name* | string | Used to set the DefaultReviewCard client name. Its a required prop. | |
| date* | string | Used to set the DefaultReviewCard date. Its a required prop. | |
| review* | string | Used to set the DefaultReviewCard client review. Its a required prop. | |
| rating* | 12345 | Used to set the DefaultReviewCard rating or stars. Its a required prop. |
Simple Review Card
PRO
// Material Kit 2 PRO React Examples
import SimpleReviewCard from "examples/Cards/ReviewCards/SimpleReviewCard";
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.Its 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. |
| review* | string | Used to set the SimpleReviewCard client review. Its a required prop. |
Mini Review Card
PRO
// Material Kit 2 PRO React Examples
import MiniReviewCard from "examples/Cards/ReviewCards/MiniReviewCard";
"This is an excellent product, the documentation is excellent and helped me get things done more efficiently."
1 day ago
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| color | 'transparent''primary''secondary''info''success''warning''error''dark''light' | transparent | Used to set the MiniReviewCard background color. |
| review* | string | Used to set the MiniReviewCard client review. Its a required prop. | |
| author* | { image: String, name: String, date: String, } | Used to set the MiniReviewCard client or author details. Its a required prop. |
Complex Review Card
PRO
// Material Kit 2 PRO React Examples
import ComplexReviewCard from "examples/Cards/ReviewCards/ComplexReviewCard";
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. Its a required prop. | |
| color | 'primary''secondary''info''success''warning''error''dark''light' | dark | Used to set the ComplexReviewCard color. |
| title* | string | Used to set the ComplexReviewCard title. Its a required prop. | |
| review* | string | Used to set the ComplexReviewCard client review. Its a required prop. | |
| author* | { logo: String, name: String, role: String, } | Used to set the ComplexReviewCard client or author details. Its a required prop. |