mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-01 14:59:35 +08:00
Code Issues Actions 34 Packages Projects Releases Wiki Activity
183dec11f6
ant-design/components/badge/demo/mix.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

1.0 KiB
Raw Blame History

order title debug
99
zh-CN en-US
各种混用的情况 Mixed usage
true

zh-CN

测试 count stauts color dot 共用的情况。

en-US

Using count/dot with custom stauts/color.

import { Badge, Avatar } from 'antd';

ReactDOM.render(
  <>
    <Badge count={5} status="success">
      <Avatar shape="square" size="large" />
    </Badge>
    <Badge count={5} status="warning">
      <Avatar shape="square" size="large" />
    </Badge>
    <Badge count={5} color="blue">
      <Avatar shape="square" size="large" />
    </Badge>
    <Badge count={5} color="#fa541c">
      <Avatar shape="square" size="large" />
    </Badge>
    <Badge dot status="success">
      <Avatar shape="square" size="large" />
    </Badge>
    <Badge dot status="warning">
      <Avatar shape="square" size="large" />
    </Badge>
    <Badge dot color="blue">
      <Avatar shape="square" size="large" />
    </Badge>
    <Badge dot color="#fa541c">
      <Avatar shape="square" size="large" />
    </Badge>
  </>,
  mountNode,
);