HeroSpotlight (Промо-баннер)

Промо-баннер: арт, заголовок, кнопки Смотреть/Подробнее.

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

Метод	Аргумент	Описание
items(v)	any[]	Слайды баннера: title, overview, backdropUrl.
onPlay(v)	CallbackFunction	Кнопка «Смотреть»; возвращает активный слайд.
onDetails(v)	CallbackFunction	Кнопка «Подробнее».

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

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

// Промо баннер
const { ui } = PotokSDK;

// Фон берётся из backdropSrc (обязателен, иначе баннер не отрисуется); id + mediaType нужны для перехода «Подробнее».
const promo = {
  id: 335984,
  title: "Бегущий по лезвию 2049",
  mediaType: "movie",
  overview: "В новый век репликанты выполняют самую грязную работу...",
  backdropSrc: "https://image.tmdb.org/t/p/original/il8gr7YStcrui1EM2crk14G4HjL.jpg",
  genres: "Фантастика, Драма",
  tmdbRating: 8.0
};

ui.render(
  HeroSpotlight()
    .items([promo])
    .onPlay((item) => ui.showHUD("success", "Смотрим " + item.title))
    .onDetails((item) => ui.showHUD("info", "Открываем " + item.title))
);

Запустить в Sandbox