Badges
Badge components for displaying status, labels, and metadata.
Badge variants
Different variants communicate different meanings: success for positive, warning for caution, destructive for errors.
Light appearance
Light appearance badges are softer and less prominent, good for secondary information.
Outline appearance
Outline badges have a subtle border and background, ideal for less prominent labels.
Badge sizes
Badges come in three sizes to match different contexts and information density.
Badge with dot
Dot indicators add visual emphasis to status badges.
Badge with icons
Icons can be added to badges for additional visual context.
Offer status badges
Offer-specific badges using outline appearance for status indicators and light appearance for the sender's waiting state.
Circular shape
Circular badges are fully rounded, suitable for tags and labels.