Badge is a decorative indicator used to either call attention to a related item or for communicating non-actionable, supplemental information.

Badge should use the default theme for most use cases. In in certain situations, the legacy primary theme must be used in order to match legacy designs.

BadgePrimary BadgeSecondary BadgePassive BadgeCommon BadgeApproval Badge
import { Badge } from '@sproutsocial/racine'


System props

System props apply standard sets of properties to a component that can be used to alter its appearance on the fly.