- ###### Files

- Two new item submitted

  Marketing Manager
  '17kb

- 52 JPG file Generated

  FontEnd Developer
  '11kb

- 25 PDF File Uploaded

  Digital Marketing Manager
  '150kb

- Anna_Strong.doc

  Web Designer
  '256kb

- ###### Members

- John Doe

  UI designer

- Michal Clark

  FontEnd Developer

- Milena Gibson

  Digital Marketing Manager

- Anna Strong

  Web Designer

- No results found.

#### Sizes

For default avatar, You have to use inline `attributes` to set height and width of image. Use class `.avatar-{sm|lg|xl}` to modify size of your avatar.

#### Initials

Wrap your content with `.avatar` class and wrap your text in `.avatar-content` to create a avatar with initials. You can also use solid color initials.

PI
PI
PI
PI

#### Colors

Use class `bg-{color-name}` to change background color of your avatar.

PI
PI
PI
PI
PI
PI

#### Light Colors

Use class `bg-light-{color-name}` to change background color of your avatar.

PI
PI
PI
PI
PI
PI

#### Icons

Use `.avatar-icon` class for Icon variant

#### Status

Use class `.avatar-status-{online | offline | away | busy}` after `.avatar-content`.

BV
AB

#### Avatar Group

Wrap bunch of avatars with `.avatar-group` class.

#### Avatar Group with tooltip

Avatar info inside tooltip variant