Avatar
Avatars are used to show a thumbnail representation of an individual or business in the interface.
| Class name | Type | |
|---|---|---|
| avatar | Component | Container element |
| avatar-group | Component | Container for grouping multiple avatars |
| online |
Modifier
|
shows a green dot as online indicator |
| offline |
Modifier
|
shows a gray dot as offline indicator |
| placeholder |
Modifier
|
to show some letters as avatar placeholder |
#
Avatar
#
Avatar in custom sizes
#
Avatar rounded
#
Avatar with mask
#
Avatar group
#
Avatar group with counter
+99
#
Avatar with ring
#
Avatar with presence indicator
#
Avatar placeholder
K
JO
MX
AA
Do you have a question?
ask the community
Do you see a bug?
open an issue on GitHub
Do you like daisyUI?
tweet about it!
Support daisyUI's development:
Open Collective