Event Card

PRO

The 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
slack meet
11:00 AM

You have an upcoming meet for Marketing Planning

Meeting ID: 902-128-281

Alexa Tompson
Martin Doe
Alexaner Smith
Romina Hadid

Props Information

NameTypeDefaultDescription
image*stringUsed to set the EventCard image. Its a required prop.
idstring""Used to set the EventCard id number.
title*stringUsed to set the EventCard title. Its a required prop.
dateTimestring""Used to set the EventCard date or time.
description*nodeUsed to set the EventCard description. Its a required prop.
membersarray[]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.
Contents