Icon Badge
Display an icon as a badge.
IconBadge#
| Prop | Type | Default | Description |
|---|---|---|---|
| aria-label | string | A11y: A label that describes the icon | |
| colorScheme | "whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "linkedin" | "facebook" | "messenger" | "whatsapp" | "twitter" | "telegram" | "primary" | "secondary" | "indigo" | The visual color appearance of the component | |
| icon | ReactElement<any, string | JSXElementConstructor<any>> | The icon to be used in the button. | |
| isRound | boolean | false | If true, the badge will be perfectly round. Else, it'll be slightly round |
| size | "sm" | "md" | "lg" | "xl" | md | The size of the IconBadge |
| variant | "outline" | "solid" | outline | The variant of the IconBadge |
Was this helpful?