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