# 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.
Live example