Badges
Inline status indicators and labels with dot indicators and removable variants.
Variants
All available badge variants for different semantic purposes.
DefaultPrimarySecondarySuccessWarningDangerInfoOutline
Sizes
Badges are available in small, medium, and large sizes.
SmallMediumLarge
With Status Dot
Badges can include a status dot indicator to convey state at a glance.
ActiveOfflineAwayIdle
Removable
Removable badges include a dismiss button, useful for tags and filters.
PrimarySuccessDangerInfo
Usage Examples
Badges used in real-world contexts such as feature labels, version indicators, and release stages.
Voice PipelineNew
v1.2.0BetaStableDeprecated