### Simple Avatar

```jsx
<Avatar imageURL="./demo/faces/male/21.jpg" />
```

### Avatar Icon

```jsx
<Avatar icon="users" />
```

### Avatar Size

```jsx
<Avatar.List>
  <Avatar size="sm" imageURL="/demo/faces/male/9.jpg" />
  <Avatar imageURL="/demo/faces/female/8.jpg" />
  <Avatar size="md" imageURL="/demo/faces/male/4.jpg" />
  <Avatar size="lg" imageURL="/demo/faces/male/35.jpg" />
  <Avatar size="xl" imageURL="/demo/faces/female/29.jpg" />
  <Avatar size="xxl" imageURL="/demo/faces/male/2.jpg" />
</Avatar.List>
```

### Avatar Status

```jsx
<Avatar.List>
  <Avatar imageURL="/demo/faces/male/9.jpg" />
  <Avatar status="grey" imageURL="/demo/faces/female/8.jpg" />
  <Avatar status="red" imageURL="/demo/faces/male/4.jpg" />
  <Avatar status="yellow" imageURL="/demo/faces/male/35.jpg" />
  <Avatar status="green" imageURL="/demo/faces/female/29.jpg" />
</Avatar.List>
```

### Avatar Placeholder

```jsx
<Avatar.List>
  <Avatar>RB</Avatar>
  <Avatar>KH</Avatar>
  <Avatar>BK</Avatar>
  <Avatar placeholder />
</Avatar.List>
```

### Placeholder Color

```jsx
<Avatar.List>
  <Avatar color="blue">NG</Avatar>
  <Avatar color="azure">AM</Avatar>
  <Avatar color="indigo">RB</Avatar>
  <Avatar color="purple">PR</Avatar>
  <Avatar color="pink">WH</Avatar>
  <Avatar color="red">MR</Avatar>
  <Avatar color="orange">DB</Avatar>
  <Avatar color="yellow">PP</Avatar>
  <Avatar color="lime">JR</Avatar>
  <Avatar color="green">RB</Avatar>
  <Avatar color="teal">KH</Avatar>
  <Avatar color="cyan">BK</Avatar>
  <Avatar color="gray">CA</Avatar>
  <Avatar color="gray-dark">CW</Avatar>
</Avatar.List>
```
