Badge

1 min readStableBeginner

Badges are inline status indicators for labeling features, versions, and lifecycle stages.

Quick Start

A default badge.

Default

All five color variants.

Default Info New Beta Deprecated

Use the small size inline within prose.

This feature is Beta and the old API is Deprecated.

childrenReactNoderequired

Badge label text. Keep labels short.

variantstringDefault: default

default, info, success, warning, danger.

sizestringDefault: md

sm or md.

Was this page helpful?