---
nav:
  path: /components
group:
  title: 信息展示
  order: 8
toc: content
---

# Avatar 头像

<code src="../../docs/components/compatibility.tsx" inline="true"></code>

用来代表用户或事物。

## 何时使用

需要更加直观地展现人物或事物特征时。

## 代码示例

<code src='pages/Avatar/index'></code>

## API

| 属性      | 说明       | 类型   | 默认值       |
|---------|----------|------|-----------|
| className | 类名      | string | -         |
| size     | 大小，可选 `x-small`、`small`、`medium`、`large` | string | `medium` |
| src      | 头像地址    | string | 灰色的内置图片 |
| style    | 样式      | string | -         |