mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-26 20:20:00 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity
684248c52a
ant-design/components/avatar/demo/basic.md
偏右 a5efa7a81a
test: ✅ increase coverage of Progress/Comment/Avatar/Dropdown (#24439) 
* 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
2020-05-25 16:27:02 +08:00

1011 B
Raw Blame History

order title
0
zh-CN en-US
基本 Basic

zh-CN

头像有三种尺寸，两种形状可选。

en-US

Three sizes and two shapes are available.

import { Avatar } from 'antd';
import { UserOutlined } from '@ant-design/icons';

ReactDOM.render(
  <>
    <div>
      <Avatar size={64} icon={<UserOutlined />} />
      <Avatar size="large" icon={<UserOutlined />} />
      <Avatar icon={<UserOutlined />} />
      <Avatar size="small" icon={<UserOutlined />} />
    </div>
    <div>
      <Avatar shape="square" size={64} icon={<UserOutlined />} />
      <Avatar shape="square" size="large" icon={<UserOutlined />} />
      <Avatar shape="square" icon={<UserOutlined />} />
      <Avatar shape="square" size="small" icon={<UserOutlined />} />
    </div>
  </>,
  mountNode,
);