Master Card
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
jack peterson
11/22
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| color | 'primary''secondary''info''success''warning''error''dark' | dark | Used to set the MasterCard image overlay color. |
| number* | number | Used to set the MasterCard number. Its a required prop. | |
| holder* | string | Used to set the MasterCard holder name. Its a required prop. | |
| expires* | string | Used to set the MasterCard expires date. Its a required prop. |