Avatar
Installation
Usage
<rh-avatar></rh-avatar>rh-avatar
| Slot Name | Description |
|---|---|
|
The subject's name |
subtitle |
auxiliary information about the subject, e.g. job title |
| DOM Property | Description | Type | Default |
|---|---|---|---|
src |
The URL to the user's custom avatar image. It will be displayed instead of a random pattern. |
|
|
name |
The user's name, either given name and family name, or username. When displaying a pattern, the name will be used to seed the pattern generator. |
|
|
subtitle |
The auxiliary information about the user, e.g. job title |
|
|
layout |
The type of pattern to display. |
|
|
pattern |
The type of pattern to display. |
|
|
plain |
When true, hides the title and subtitle |
|
|
on |
|
|
| Method Name | Description |
|---|---|
updatePattern() |
None
None
| CSS Property | Description | Default |
|---|---|---|
--rh-avatar-colors |
List of colors to use when generating avatars |
—
|
--rh-avatar-size |
Size of the avatar, |
64px
|
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
