Version: 3.0.0-next.36

Badge

Badges are used to highlight an item's status for quick recognition.

Import#

import { Badge } from 'native-base';

Examples#

Basic#

Color Scheme#

Variants#

Composition#

Props#

Badge compose the Box component. So all it's props can be passed to Badge.

NameTypeDescriptionDefault
variantoutline, solid, subtleThe style variant of the badge.subtle
colorSchemestringThe color scheme to use for the badge. Must be a key in theme.colors.-