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.

import { Badge } from '@sproutsocial/racine'

Properties

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