ant-design/components/badge/demo/overflow.md

37 lines
775 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
2016-12-20 11:06:40 +08:00
order: 2
title:
zh-CN: 封顶数字
2016-12-20 11:06:40 +08:00
en-US: Overflow Count
2016-03-31 09:40:55 +08:00
---
2015-12-22 14:34:31 +08:00
## zh-CN
2016-12-20 11:06:40 +08:00
超过 `overflowCount` 的会显示为 `${overflowCount}+`,默认的 `overflowCount``99`
2015-12-22 14:34:31 +08:00
## en-US
2016-12-20 11:06:40 +08:00
`${overflowCount}+` is displayed when count is larger than `overflowCount`. The default value of `overflowCount` is `99`.
2019-05-07 14:57:32 +08:00
```jsx
import { Badge, Avatar } from 'antd';
2015-12-22 14:34:31 +08:00
ReactDOM.render(
<>
<Badge count={99}>
<Avatar shape="square" size="large" />
</Badge>
<Badge count={100}>
<Avatar shape="square" size="large" />
</Badge>
<Badge count={99} overflowCount={10}>
<Avatar shape="square" size="large" />
</Badge>
<Badge count={1000} overflowCount={999}>
<Avatar shape="square" size="large" />
</Badge>
</>,
2019-05-07 14:57:32 +08:00
mountNode,
2018-11-28 15:00:03 +08:00
);
2019-05-07 14:57:32 +08:00
```