Basic examples
Avatars are visual representations of people or entities and are often displayed within lists or cards.
Hey there 👋 we want to make TW elements a community-driven project. It's open source and free, and we would like it to stay that way. If you enjoy it, help the project grow by sharing it with your peers. Every share counts, thank you!
With shadow
Use .shadow class to add a shadow to the avatar. In the
example below, we add shadow-lg class.
Square
Use the .rounded-lg class to make avatars squared with
rounded corners.
With content
Easily combine the avatar component with content such as a username and a short description.
John Doe
Web designer