Basic examples
Avatars are visual representations of people or entities and are often displayed within lists or cards.
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