Version: 3.0.0-next.37

Badge

Migrating to v3 will provide a lot more design, size, variant, color and customisation option.

Overview#

Migrating Badge components can broadly described in these points:

  • No need to wrap you text inside text component anymore.
  • In v3 the color is controlled by colorScheme prop. And it accepts all the color available in the theme.

Code Comparison#

<Badge success>
<Text>Success</Text>
</Badge>