# Avatar (/docs/products/dash-dots/reference/components/avatar)

Without a photo, or when the photo doesn't load, it shows the initials of `name`: "Aminata Kamara" becomes AK.

**Children:** Nothing

## Example

![The Avatar component](/assets/images/dash-dots/components/avatar.webp)

```xml title="view.dml"
<View direction="row" gap="medium" align="center">
  <Avatar name="Aminata Kamara" image="statics/photo.jpg" size="large" />
  <Avatar name="Mohamed Sesay" size="large" />
  <Avatar name="Fatmata Conteh" />
</View>
```

## Props

| Prop    | Type                                                        | What it is                                                             |
| ------- | ----------------------------------------------------------- | ---------------------------------------------------------------------- |
| `name`  | `string`                                                    | The person's name, which screen readers say.                           |
| `image` | `string`                                                    | The person's photo. It takes the same addresses as an `Image`'s `src`. |
| `size`  | [size](/docs/products/dash-dots/reference/components#sizes) | Default: `medium`.                                                     |

## Events

None.