Badge ​

A short label next to something: a plan, a status, a count.

<OBadge>
Pro
</OBadge>

<OBadge tone="accent">
New
</OBadge>

<OBadge tone="danger">
Expired
</OBadge>

Put an icon before the text: the badge sizes it and sets the gap.

For something the user applied and can remove, use a tag.

Props ​