Avatar Ebatları

Farklı ebatlarda avatarlar

img img img img img img
Sınıflar : .avatar-[size]
Değerler : xs, sm , md , lg , xl , xxl
Avatarlar
img img img
Kıvrımsız : .avatar.avatar-radius-0
Kıvrımlı : .avatar
Yuvarlak Avatar : .avatar.avatar-rounded
İkonlu Avatarlar

Avatar, ilgili eylemi gerçekleştirmek için simgeler içerir.

img img img img img img
Sınıf Adı : .badge.number-badge
Offline Statü İşaretçili

Çevrimdışı durum göstergesine sahip avatarlar.

img img img img img img
Sınıf Adı : .avatar.offline
Online Statü İşaretçili

Çevrimiçi durum göstergesine sahip avatarlar.

img img img img img img
Sınıf Adı : .avatar.online
Numara İşaretçili Avatarlar

Avatar numaraları okunmamış bildirimlerin/mesajların sayısını gösterir.

img 2 img 5 img 1 img 7 img 3 img 9
Sınıf Adı : .badge.number-badge
Yığılmış Avatarlar

Bir grup avatar bir araya getirilmiş.

img img img img img img +8
Sınıf Adı : .avatar-list-stacked --> ana div bağlantısı için
Yuvarlatılmış Yığılmış Avatarlar

Bir grup avatar bir araya getirilmiş.

img img img img img img +8
Sınıf Adı : .avatar-list-stacked --> ana div bağlantısı için & .avatar-rounded --> .avatar sınıfı için
Baş Harfli Avatarlar

Kullanıcı profili mevcut olmadığında avatar baş harfleri içerir.

xs SM MD LG XL XXL
Baş Harfli Yuvarlatılış Avatar

Kullanıcı profili mevcut olmadığında avatar baş harfleri içerir.

xs SM MD LG XL XXL