Avatars

Simple avatar components to show an icon or figure representing a particular person.

Avatar Types

Three different types of available avatars. User submitted image, a fallback image or initials.

An image of Listers User {NAME}.

Avatar Sizes

Change the size of the avatar, with some predefined sizes.

Image of the user {NAME}

Avatar /w Details

Show information about the avatar/user. A Name followed by title.

ALT
Author Title

Detail Alignment

Align left (default) or right when showing avatar or authors details.

Image of user {NAME}
Author Title

Avatar /w Notifications

Alert users to a new notification with a animated coloured icon.

Image of the user {NAME}

Avatar Stack

Horizontally stack a set of avatars to show that a team of people represent a article/review or testimonial.

  • User 1
  • User 2
  • User 3
  • User 4