Installation
Install the component
templui add avatar
Add the JavaScript to your layout
@avatar.Script()
Call this template in your base layout file (e.g., in the <head> section).
Examples
Fallback

Sizes
With Icon
Group
+2
API Reference
Required parameter
Hover for description
Avatar
Root container for avatar component that manages fallback behavior and styling.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
|
|
|
|
|
|
Image
Image element within the avatar that displays the user's photo.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
|
| - |
|
| - |
Fallback
Fallback element displayed when the image fails to load, typically showing initials or an icon.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
Group
Container for displaying multiple avatars in a group layout.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
|
|
|