Badge
Small status indicator, commonly used, for example, to indicate unread notifications or messages.
API
Props
| Declaration | Description | Type | Default |
|---|---|---|---|
| count | Number to be displayed | Number | null |
| overflowCount | Maximum number to be displayed | Number | 99 |
Style names
| Declaration | Description |
|---|---|
| dark | Sets backgroundColor to darkColor as defined in the theme. |
| success | Sets backgroundColor to successColor as defined in the theme. |
| danger | Sets backgroundColor to dangerColor as defined in the theme. |
| warning | Sets backgroundColor to warningColor as defined in the theme. |
| info | Sets backgroundColor to infoColor as defined in the theme. |
JSX Declaration
<Badge styleName="sm-gutter start" count={200}>
<View
styleName="rounded-corners"
style={{ width: 40, height: 40, backgroundColor: '#ccc' }}
/>
</Badge>