test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-15 01:11:26 +08:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity
06dff86287
ant-design/components/badge/demo/overflow.md
afc163 06dff86287
fix: Badge count style when customize color (#31617) 
* fix: Badge count style when customize color

close #31590
close #31591

* add demo for debug

* update badge demos

* create ribbon.test.tsx
2021-08-02 12:22:30 +08:00

775 B
Raw Blame History

order title
2
zh-CN en-US
封顶数字 Overflow Count

zh-CN

超过 overflowCount 的会显示为 ${overflowCount}+，默认的 overflowCount 为 99。

en-US

${overflowCount}+ is displayed when count is larger than overflowCount. The default value of overflowCount is 99.

import { Badge, Avatar } from 'antd';

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>
  </>,
  mountNode,
);