Avatar
1. Default Avatar
Copy
Rounded avatar Default avatar
2. Avatar with border
Copy

Apply a border around the avatar component you can use the ring-{color} class from Tailwind CSS.

Bordered avatar
3. Placeholder
Copy
4. Avatar with Indicator
Copy
5. Stacked Avatars
Copy
+99
6. Avatar with text
Copy
Jese Leos
Joined in August 2014
7. Avatar dropdown
Copy
8. Avatar Size
Copy
Extra small avatar Small avatar Medium avatar Large avatar Extra large avatar