<demo>

### Overflow

`max` is displayed when count is larger than max count. The default maximum value is **99**.

```jsx live
() => {
  const spanStyle = {
    width: '42px',
    height: '42px',
    borderRadius: '4px',
    background: '#eee',
    display: 'inline-block',
    verticalAlign: 'middle',
  };
  
  const badgeStyle = {
    marginRight: '20px'
  };
  
  return (
    <>
      <Badge count={99} style={badgeStyle}>
        <span style={spanStyle} />
      </Badge>
      <Badge count={100} style={badgeStyle}>
        <span style={spanStyle} />
      </Badge>
      <Badge count={99} max={10} style={badgeStyle}>
        <span style={spanStyle} />
      </Badge>
      <Badge count={1000} max={999}>
        <span style={spanStyle} />
      </Badge>
    </>
  );
}
```

</demo>
