Avatar

Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.

Sizing

You can also use following utilities to set the width and height:

.user-avatar-xs, .user-avatar-sm, .user-avatar-md, .user-avatar-lg, .user-avatar-xl, .user-avatar-xxl

Shape

Default avatar is square in shape. For rounded and circle avatar add .user-avatar-img .rounded and .user-avatar-img .rounded-circle modifier classes respectively.

With status

Change the border color using following utilities: .user-avatar-secondary, .user-avatar-info, .user-avatar-warning, .user-avatar-danger, .user-avatar-light, .user-avatar-dark