Avatars — TheAdmin

Avatars can be characters or images. You can use <a>elements as well.

You can use .bg-*utility classto set a background color.

hshshshshshshshshshshshshs

Sizes are respectively: 32, 38, 50, 64, 96, 128

smmdlgxlxxlxxxl

Available statuses are: primary, success, info, warning, danger, dark

hshshs

While you can use a tooltips to attach a name to an avatar, we also provided pill avatars to show a name besides your avatars.

Display a list of avatars.

Save some space by overlaping avatar.

Display hidden avatars after clicking .avatar-more.

Fetch rest of avatars from a specified url.

Display avatars inside a modal.

For this example we take advantage of a modaler component.