A count or status dot pinned to the corner of another element.
| – |
Whether to hide the badge. It scales and fades out rather than unmounting. |
overlap | "circular"|"rectangle" | rectangle | The shape of the element the badge sits on. |
position | "bottom-left"|"bottom-right"|"top-left"|"top-right" | top-right | The corner of the parent element the badge sits on. |
size | "lg"|"sm"|"default" | – | The size of the component. |
variant | "error"|"default"|"info"|"success"|"warning"|"destructive"|"outline"|"secondary" | – | The visual style of the component. |
Accepts render, plus every native <div> attribute.
