Components

Badge

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'

Properties

NameTypeDefaultDescriptionRequired?
textReact.Node
type
"primary"
"secondary"
"passive"
"common"
"approval"
"default"
"primary"
size
"default"
"small"
"default"
tipReact.Node