Avatar

Standard Avatar

Standard Avatar comes in a single size.

You can use the avatar class on your figure tag to get the standard avatar.

Avatar Sizes

The Avatar component comes in different sizes. You can use the avatar-xs for extra small avatar, avatar-sm for small avatar, avatar-md for a medium-sized avatar and avatar-lg class for a large avatar alongside the avatar class.

Text Avatar

When an Avatar does not contain an image, usually a Text Avatar with user's initials are used. You can use the avatar-text class alongside any of the above defined classes to get a Text Avatar component.