Hero (Универсальный промо-баннер)

Широкий промо-баннер из вашей собственной модели данных (SDKContentItem[]). Обобщённая версия HeroSpotlight без привязки к TMDB: фон wideImage, логотип/заголовок, метаданные, бейджи и кнопки «Смотреть» / «Подробнее».

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

Метод	Аргумент	Описание
items(v)	SDKContentItem[]	Массив featured-элементов. Отрисовывается первый элемент. Значение по умолчанию: []
playLabel(v)	string	Текст главной кнопки. Значение по умолчанию: 'Смотреть'
detailsLabel(v)	string	Текст дополнительной кнопки. Значение по умолчанию: 'Подробнее'
onPlay(v)	CallbackFunction	Коллбек клика по главной кнопке. Передаёт активный элемент.
onDetails(v)	CallbackFunction	Коллбек клика по кнопке «Подробнее».

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

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

// Промо из своих данных
const { ui } = PotokSDK;

ui.render(
  Hero()
    .items([{
      id: "feature-1",
      title: "Мой контент",
      subtitle: "Описание featured-элемента, которое видно поверх фона.",
      wideImage: "https://image.tmdb.org/t/p/original/il8gr7YStcrui1EM2crk14G4HjL.jpg",
      meta: ["2024", "Драма", "2ч 15м"],
      badges: [{ text: "4K", color: "info" }]
    }])
    .playLabel("Смотреть")
    .detailsLabel("Подробнее")
    .onPlay((item) => ui.showHUD("success", "Смотрим: " + item.title))
    .onDetails((item) => ui.showHUD("info", "Подробнее: " + item.title))
);

Запустить в Sandbox