Перейти к содержимому

Avatar (Аватар)

Круглое или квадратное изображение пользователя/актёра с ленивой загрузкой. При отсутствии картинки показывает инициалы из имени.

Метод Аргумент Описание
name(v) string Имя: инициалы для запасного варианта и alt-текст.
size(v) 'sm' | 'md' | 'lg' Размер аватара.
Значение по умолчанию: 'md'
fallback(v) string URL запасного изображения при ошибке загрузки.
shape(v) 'circle' | 'square' Форма аватара.
Значение по умолчанию: 'circle'

Базовые методы (наследуются от UIComponent)

// Аватары
const { ui } = PotokSDK;
ui.render(
HStack()
.spacing(12)
.alignItems("center")
.children([
Avatar("https://image.tmdb.org/t/p/w185/wD6U1N7Caw58tO43fT245U62y4a.jpg")
.name("Мэттью Макконахи")
.size("lg")
.shape("circle"),
Avatar("")
.name("Энн Хэтэуэй")
.size("md")
.shape("square")
.fallback("https://image.tmdb.org/t/p/w185/tLelKoPNiyJCSEtQTz1FGv4TLGc.jpg")
])
);

Запустить в Sandbox