# Badge

<img src="../images/badge.jpg" width="300">


# Usage

```javascript
import { Badge } from 'react-native-jjkit'

<Badge {...props} />

```


## Props   

| Name | description | type | default |
| --- | --- | --- | --- |
| text | set the text | String | "99+" |
| textSize | Set the text size | Number | 15 |
| font | sample: ("Roboto.ttf")  [Guide](https://medium.com/@mehran.khan/ultimate-guide-to-use-custom-fonts-in-react-native-77fcdf859cf4)| String | System Font |
| textColor | Set a color for the text | String | "#000000" |
| strokeColor | Set a color for the stroke | String | "#000000" |
| strokeWidth | Set a width for the stroke | Number | 0 |
| isTextHidden | Make text visible or hidden | Bool | false |
| textOffsetX | move the text - axis X | Number | -0 |
| textOffsetY | move the text - axis Y  | Number | -0 |
| insetX | WrapContent inset - axis X | Number | -0 |
| insetY | WrapContent inset - axis Y  | Number | -0 |

## React Style

| Name | description | equal 
| --- | --- | --- |
| width | Undefined or null | Wrap Content |
| height | Undefined or null | Wrap Content |