• Home
  • Components
  • Avatars

Avatars

Use avatars to display a portrait of a person. Images with non-square aspect ratios will be cropped to the center. Be sure to include an alt attribute. Avatars come in two sizes.

Class Size
.lwj-avatar 90px
.lwj-avatar-sm 30px

Example
Default and small avatars.

Jason Sarah Angie
Jason Sarah Angie
HTML
<img class="lwj-avatar" src="jason.jpg" alt="Jason">
<img class="lwj-avatar" src="sarah.png" alt="Sarah">
<img class="lwj-avatar" src="angie.png" alt="Angie">
<img class="lwj-avatar-sm" src="jason.jpg" alt="Jason">
<img class="lwj-avatar-sm" src="sarah.png" alt="Sarah">
<img class="lwj-avatar-sm" src="angie.png" alt="Angie">