Avatar

import { Avatar } from 'wisteria-ui';

用法

<Avatar variant="square"  />
<Avatar variant="rounded" />
<Avatar variant="circle"  />

Variant

<Avatar size="small"  />
<Avatar size="normal" />
<Avatar size="large"  />
<Avatar size={72}  />

Size

<Avatar>L</Avatar>
<Avatar size="large">LA</Avatar>

Letter

<Avatar.Group maxCount={3}>
  <Avatar>A</Avatar>
  <Avatar>B</Avatar>
  <Avatar>C</Avatar>
  <Avatar>D</Avatar>
  <Avatar>E</Avatar>
</Avatar.Group>

AvatarGroup

Avatar 组件支持原生 HTMLImageElement 属性。

如果加载图片链接失败，Avatar 组件将会渲染 children 或 alt 属性内容。