Skip to content
satin

Badge

A short label for a status or a category.

ProductivityPlanningCRMPublishedE-commerceBlockedPaymentsDesign

API Reference

The Badge component is a span that takes a tone, a size, a variant and a shape.

PropTypeDefault
tone
"neutral""brand""sky""green""amber""red""fuchsia""plum"
"neutral"
size
"lg""sm"
"lg"
variant
"soft""plain"
"soft"
shape
"default""rounded"
"default"