Avatar

Компонент для аватарки пользователя

{
  "default": "default_male",
  "female": [
    "female_1",
    "female_2"
  ],
  "defaultFemale": "default_female",
  "male": [
    "male_1",
    "male_2"
  ],
  "defaultMale": "default_male"
}

Наследуемые переменные

• --avatar-size — размер иконки (рекомендуемый способ указания размер, т.к. позволяет легко его адаптировать в зависимости от медиа выражений)

Props

user

• type: Object as PropType<AvatarUser>
• default: null

import type { Gender } from '#kb/consts/gender';

export type AvatarUser = {
  isOnline: boolean;
  gender: Gender;
  avatar: string;
  [key: string]: any;
};

gender

• type: Number
• default: 0 (не используется если есть user.gender)

export declare enum Gender {
  NONE = 0 /* Не указан */,
  FEMALE = 1 /* Женский */,
  MALE = 2 /* Мужской */,
}

Пол, если не указано, то берется из user

url

• type: String
• default: ''

Ссылка на аватарку, если не указано, то берется из user

online

• type: Boolean

Показывает круглый зеленый знак возле аватарки, если не указано, то берется из user

size

• type: Number
• default: null

Размер аватарки, имеет смысл использовать если он не должен меняться в зависимости от медиа выражений

Example