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
<dp-avatar username="alice_test" size="64"></dp-avatar>
No JavaScript is required - the element renders itself on connection.
Live example