content | string
number
React.ReactNode | (optional) Content of the component. |
children | React.ReactNode | (optional) Content to display the badge on top of. |
vertical | top
bottom | (optional) Vertical positioning of the component. Options: bottom | top. |
horizontal | left
right | (optional) Horizontal positioning of the component. Options: left | right. |
className | string | (optional) Custom className for the component. |
skeleton | boolean | (optional) Applies loading skeleton. |
variant | information
notification | (optional) defines the visual appearance of the badge. There are two main variants notification and information. The default variant is information. |
label | React.ReactNode | (optional) The label description of the badge. Only required when passing a number as the badge content. |
Space | string
object | (optional) Spacing properties like top or bottom are supported. |