Badge - Aspect UI

The Badge component is used to highlight or display concise information, such as status, notifications, or counts. It helps draw attention to important elements in your UI and supports different colors, sizes, icons, and positioning to match your design needs.

Table of Contents#

Default Badge#

Outline Badge#

Ghost Badge#

Badge Props#

PropTypeDefaultDescription
childrenReactNode-Custom content for the button.
classNamestring''Additional CSS classes for the button.
variantdefault outline ghostdefaultThe variant of the badge.