Badge | NativeBase | Universal Components for React and React Native

Nativebase logo
NativeBase
Data Display
Typography
Disclosure
Media and Icons
Others
Badge
Badges allows the highlight of an item’s status. This provides quick recognition.
Show Code
Playground
Import
Copy
import { Badge } from 'native-base';
Examples
Basic
Playground
Color Scheme
Playground
Variants
Playground
Composition
Playground
Props
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