Nativebase logo
NativeBase
Badge
Badges are used to highlight an item's status for quick recognition.
Import
Copy
import { Badge } from 'native-base';
Examples
Basic
Playground
Color Scheme
Playground
Variants
Playground
Composition
Playground
Props
variant
The style variant of the badge.
Type: "outline" | "solid" | "subtle"
Default: subtle
colorScheme
The color scheme to use for the badge. Must be a key in theme.colors.
Type: string
Styling
NativeBase ships with a default theme for each component. Checkout the default theme of badge.
Info: We can easily extend the badge component theme using extendTheme function as described in the documentation .
Nativebase logo
MadeWithNativeBase