MDBadgeDot
PROOur small indicator component.
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
// NextJS Material Dashboard 2 PRO components
import MDBadgeDot from "/components/MDBadgeDot";
Badge
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| color | 'primary''secondary''info''success''warning''error''light''dark' | dark | Change the MDBadgeDot indicator color. |
| size | 'xs''sm''md''lg' | xs | Change the MDBadgeDot size. |
| badgeContent* | node | Use to pass node or content inside the MDBadgeDot, its the only required prop. | |
| font | { color: string, weight: string } | {} | Use to set the text color and font weight for the MDBadgeDot |
| variant | 'gradient''contained' | contained | Change the MDBadgeDot indicator background type. |
Sizes
// NextJS Material Dashboard 2 PRO components
import MDBadgeDot from "/components/MDBadgeDot";
Badge
Badge
Badge