Message Card
PROThe MessageCard component helps you to simply create a beautiful card for message or contact.
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.
Demo
// Vision UI Dashboard PRO React examples
import MessageCard from "examples/Cards/MessageCard";
Today is Martina's birthday. Wish her the best of luck!
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| image* | string | Used to set the MessageCard image. Its a required prop. | |
| text* | string | Used to set the MessageCard content. Its a required prop. | |
| action* | { type: ["internal", "external"], route: string, color: ["default", "primary", "secondary", "info", "warning", "error", "light", "dark"], label: string } | Used to set the MessageCard route and action button styles. Its a required prop. |