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