BadgePrimitive

A basic type that allows you to choose colors to fit any need.

GuidelinesReact

When to use

  • To add a badge with custom styling.

When not to use

Component status

Figma

React

iOS

Android

N/A
Released
N/A
Released

Behavior

Use freedom wisely

With great freedom comes great responsibility. Primitive components offer many more options for styling. Use these options wisely and make sure your badges are still accessible to everyone.

Follow badge guidelines

Badge primitives are still badges. So make sure to follow all the guidelines for badge components.