mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-11 13:59:11 +08:00
a5efa7a81a
* test: increase test case of Progress and Comment * test: add test case for Avatar * test: add test case for Dropdown * fix snapshot * fix snapshot * remove console.log * fix lint * add avatar
730 B
730 B
order | title | ||||
---|---|---|---|---|---|
3 |
|
zh-CN
通常用于消息提示。
en-US
Usually used for reminders and notifications.
import { Avatar, Badge } from 'antd';
import { UserOutlined } from '@ant-design/icons';
ReactDOM.render(
<>
<span className="avatar-item">
<Badge count={1}>
<Avatar shape="square" icon={<UserOutlined />} />
</Badge>
</span>
<span>
<Badge dot>
<Avatar shape="square" icon={<UserOutlined />} />
</Badge>
</span>
</>,
mountNode,
);
/* tile uploaded pictures */
.avatar-item {
margin-right: 24px;
}
[class*='-col-rtl'] .avatar-item {
margin-right: 0;
margin-left: 24px;
}