Avatar
Default
Wrap your content with .avatar and wrap your text in .avatar-content to create a avatar. Use inline attributes to set height and width of an image in an avatar.
LD
John
Sizes
Use .avatar-{sm | md | lg | xl} to modify size of your avatar.
LD
Colors
Use .bg-{colorName} to change background color of your avatar.
P
S
D
I
W
Use .bg-light-{colorName} to change background color of your avatar.
P
S
D
I
W
Avatar With Badge
You can add notification label to avatar by using .badge
7
5
6
Icons
Use i.avatar-icon for an icon inside an avatar.
Status
Use .avatar-status-{online | offline | away | busy} and wrap it in .avatar-content to create avatar with status.
LD
John
