Tag
A Tag indicates a status information from the system. It is used to highlight a numerical characteristic or mark an item.
Basic usage
API
The Badge component exposes the following props for style changes:
Props
Name | Type | Default value | Description |
color | Colors | 'neutral' | See examples |
Colors
| Color | Value |
|---|---|
| primary | $uiPrimaryMain |
| success | $uiSuccessMain |
| attention | $uiAttentionMain |
| error | $uiErrorMain |
| neutral | #999999 |
| purple | #7B3EFE |
| magenta | #FE3E83 |