React Master Card - Soft UI

The MasterCard component helps you to simply create a beautiful master card.


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 MasterCard from "examples/Cards/MasterCard";
4562   1122   4594   7852
Card Holder
jack peterson
Expires
11/22
master card

Props Information

NameTypeDefaultDescription
color'primary''secondary''info''success''warning''error''dark'darkUsed to set the MasterCard image overlay color.
number*numberUsed to set the MasterCard number. Its a required prop.
holder*stringUsed to set the MasterCard holder name. Its a required prop.
expires*stringUsed to set the MasterCard expires date. Its a required prop.
Contents