2019-07-03 13:23:53 +00:00
|
|
|
# Badge
|
|
|
|
|
|
|
|
|
|
## Usage
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
import { Badge } from 'asc-web-components';
|
|
|
|
|
|
|
|
|
|
<Badge />;
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
#### Description
|
|
|
|
|
|
2019-07-04 15:56:12 +00:00
|
|
|
Notify badge
|
2019-07-03 13:23:53 +00:00
|
|
|
|
|
|
|
|
#### Properties
|
|
|
|
|
|
|
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
|
| ----------------- | -------- | :------: | ------ | --------- | --------------------- |
|
|
|
|
|
| `number` | `number` | | | 0 | Number value |
|
2019-07-03 13:36:23 +00:00
|
|
|
| `backgroundColor` | `string` | | | '#ED7309' | CSS background-color |
|
|
|
|
|
| `color` | `string` | | | '#FFFFFF' | CSS color |
|
|
|
|
|
| `fontSize` | `string` | | | '11px' | CSS font-size |
|
|
|
|
|
| `fontWeight` | `number` | | | '800' | CSS font-weight |
|
|
|
|
|
| `borderRadius` | `string` | | | '11px' | CSS border-radius |
|
|
|
|
|
| `padding` | `string` | | | '0 5px' | CSS padding |
|
|
|
|
|
| `maxWidth` | `string` | | | '50px' | CSS max-width |
|
2019-07-03 13:23:53 +00:00
|
|
|
| `onClick` | `func` | | | | onClick event |
|
