Components

Badge

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

import { Badge } from '@sproutsocial/racine'

Properties

NameTypeDefaultDescriptionRequired?
childrenReact.Node
size
"small"
"large"
"default"
"small"
Size default is deprecated in favor of small and large
badgeColor
"green"
"blue"
"purple"
"yellow"
"orange"
"red"
"neutral"
"blue"
iconNamestring

Recipes

With icon

import { Badge } from '@sproutsocial/racine'

With children

import { Badge } from '@sproutsocial/racine'

With legacy props

import { Badge } from '@sproutsocial/racine'

Override styles

import { Badge } from '@sproutsocial/racine'