Placeholder Card
The PlaceholderCard component helps you to simply create a beautiful placeholder card for your pages.
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 React examples
import PlaceholderCard from "examples/Cards/PlaceholderCard";
Add New
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| icon | node | add | Used to set the PlaceholderCard icon. |
| title* | { variant: string, text: string } | Used to set the PlaceholderCard title content and style. Its a required prop. | |
| hasBorder | bool | false | If true the card will has a border. |
| outlined | bool | false | If true the card will has a transparent background. |