Badge - Keep React
Table of Contents#
Default Badge#
The default badge is a versatile component that allows you to add visual indicators or labels to highlight specific information. It offers a simple yet effective way to enhance your design.
Colors of Badge#
Here are the available color variants for the Badge component, each with its own unique color scheme: primary secondary success warning and error.
Variant of Badge#
The Badge component offers three variants: variant="base", variant="border", and variant="background". These variants provide options for different visual styles, allowing you to choose the one that best suits your design and effectively highlights the badge content.
API Reference#
Explore the available props for the Badge component
| Property | Description | Type | Default |
|---|---|---|---|
| color | Available Badge color. | primary secondary success warning error | secondary |
| variant | Variant the badge | base border background | background |