# dp-avatar
Renders a circular avatar image from a username seed via the local Multiavatar
service at `/avatar/multiavatar/{seed}`. A thin element wrapper around the `Avatar` helper.
Source: `static/js/components/AppAvatar.js`.
## Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
| `username` | string | (required) | Seed used to generate and label the avatar. |
| `size` | integer | `24` | Width and height in pixels. |
Both attributes are observed: changing them re-renders the avatar.
## Usage
```html
<dp-avatar username="alice_test" size="64"></dp-avatar>
```
No JavaScript is required - the element renders itself on connection.