Event Card
PROThe EventCard component helps you to simply create a beautiful card for displaying an event info.
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
// Soft UI Dashboard PRO React examples
import EventCard from "examples/Cards/EventCard";
slack meet
11:00 AMYou have an upcoming meet for Marketing Planning
Meeting ID: 902-128-281
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| image* | string | Used to set the EventCard image. Its a required prop. | |
| id | string | "" | Used to set the EventCard id number. |
| title* | string | Used to set the EventCard title. Its a required prop. | |
| dateTime | string | "" | Used to set the EventCard date or time. |
| description* | node | Used to set the EventCard description. Its a required prop. | |
| members | array | [] | Used to set the EventCard included members. It should be an array of objects with the following keys: `image` and `name`. |
| action* | { type: ["internal", "external"], route: string, color: ["primary", "secondary", "info", "success", "warning", "error", "light", "dark"], label: string } | [] | Used to set the EventCard route and action button style. Its a required prop. |