Skip to content


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