Badge

Displays a badge or a component that looks like a badge.

Badges are used to highlight a status or a small piece of information.

Usage

Default Badge

Badge

Variants

Badge Variants

DefaultSecondaryOutlineDestructive

API Reference

PropTypeDefaultDescription
variantdefault, secondary, destructive, outlinedefaultThe visual style of the badge.