Image (Изображение)

Адаптивное изображение с ленивой загрузкой и запасной картинкой (fallback) при ошибке. Позволяет плагину выводить произвольные картинки, а не только через MediaCard.

Специфичные методы Image

Метод	Аргумент	Описание
alt(v)	string	Альтернативный текст изображения.
aspectRatio(v)	string	Соотношение сторон рамки (например, ‘16/9’ или ‘2/3’).
fallback(v)	string	URL запасного изображения, показываемого при ошибке загрузки.
rounded(v)	boolean | string	Скругление углов: true для стандартного радиуса или CSS-значение.
fit(v)	'cover' | 'contain'	Режим вписывания изображения в рамку. Значение по умолчанию: 'cover'
onClick(v)	CallbackFunction	Коллбек клика по изображению.

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

Пример использования

// Изображение с соотношением сторон и скруглением
const { ui } = PotokSDK;

ui.render(
  Image("https://image.tmdb.org/t/p/w500/qJ2tW6WMUDux911r6m7haRef0WH.jpg")
    .alt("Постер")
    .aspectRatio("2/3")
    .rounded(true)
    .fit("cover")
    .fallback("https://image.tmdb.org/t/p/w500/gEU2QthHGvGo1q7T2XzAwETYNsC.jpg")
    .width("12rem")
    .onClick(() => ui.showHUD("info", "Клик по изображению"))
);

Запустить в Sandbox