Badge

Useful to emphasise information to the user, works best with single word values.

Default

Props

PropTypeDescription
childrenReactNodeThe content to render
variantgray | blue | green | red | yellowThe variant to apply

System props

margin

Examples

Variants

There are 5 color variants to choose from.

BadgeBadgeBadgeBadgeBadge