Badge

Application UI

Badge

Components Reference

11 Variations Available

Badge and tag components for labels, status indicators, notifications, and categorization.

Variations

HTML

Ready to Use

Badge - Color Variants

Snippet Code

Preview Available

Badge - Color Variants Snippet Code

HTML

Badge - Soft Color Variants

Snippet Code

Preview Available

Badge - Soft Color Variants Snippet Code

HTML

Badge - Outline Color Variants

Snippet Code

Preview Available

Badge - Outline Color Variants Snippet Code

HTML

Badge - Rounded Variants

Snippet Code

Preview Available

Badge

Badge - Rounded Variants Snippet Code

HTML

Badge - Indicator

Snippet Code

Preview Available

Badge

Badge - Indicator Snippet Code

HTML

Badge - With Icon

Snippet Code

Preview Available

Badge

Badge - With Icon Snippet Code

HTML

Badge - With Remove

Snippet Code

Preview Available

Badge - With Remove Snippet Code

HTML

Badge - With Avatar

Snippet Code

Preview Available

Badge - With Avatar Snippet Code

HTML

Badge - With Button

Snippet Code

Preview Available

Badge - With Button Snippet Code

HTML

Badge - With Positioned

Snippet Code

Preview Available

Badge - With Positioned Snippet Code

HTML

Badge - With Profile

Snippet Code

Preview Available

Badge - With Profile Snippet Code

HTML

Badge

Components

Production-ready badge components with multiple variants, colors, and interactive options. Perfect for status indicators and labels.

SolidOutlineSoftDismissibleWith Icon