Badge

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

Overview

Migrating Badge components can be 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

v2

<Badge success>

<Text>Success</Text>

</Badge>

v3

<Badge colorScheme="success">

<Text>Success</Text>

</Badge>