Badge
Badges are small components typically used to communicate a numerical value or indicate the status of an item to the user.
Usage
withBadge Higher-Order Component
The withBadge HOC allows you to easily add badges to icons and other components.
Props
Badge
Reference
Badge
Component
Custom component to replace the badge outer component.
Type | Default |
---|---|
React Component | None |
badgeStyle
Additional styling for badge (background) view component.
Type | Default |
---|---|
View style(Object) | None |
containerStyle
Style for the container.
Type | Default |
---|---|
View style(Object) | None |
pressableProps
Type | Default |
---|---|
Omit<PressableProps, "onPress" or "onLongPress" or "onPressIn" or "onPressOut"> | None |
status
Determines color of the indicator.
Type | Default |
---|---|
"primary" or "success" or "warning" or "error" | primary |
textProps
Extra props for text component.
Type | Default |
---|---|
TextProps | None |
textStyle
Extra styling for icon component.
Type | Default |
---|---|
Text Style(Object) | None |
value
Text value to be displayed by badge, defaults to empty.
Type | Default |
---|---|
any | None |