TopTenRow (Топ-10)

Ранжированный ряд с крупным номером позиции у каждого постера. Номер берётся из поля rank или из позиции элемента (до 10).

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

Метод	Аргумент	Описание
title(v)	string	Заголовок ряда.
items(v)	SDKContentItem[]	До 10 элементов; номер — из поля rank или позиции. Значение по умолчанию: []
onCardClick(v)	CallbackFunction	Коллбек клика по карточке.

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

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

// Ранжированный ряд «Топ-10»
const { ui } = PotokSDK;

const items = [
  { id: "1", title: "Фильм 1", image: "https://image.tmdb.org/t/p/w500/gEU2QthHGvGo1q7T2XzAwETYNsC.jpg" },
  { id: "2", title: "Фильм 2", image: "https://image.tmdb.org/t/p/w500/9gk7adHYeDvHkCSEqAvQNLV5Uge.jpg" },
  { id: "3", title: "Фильм 3", image: "https://image.tmdb.org/t/p/w500/qJ2tW6WMUDux911r6m7haRef0WH.jpg" }
];

ui.render(
  TopTenRow()
    .title("Топ-10 сегодня")
    .items(items)
    .onCardClick((item) => ui.showHUD("info", item.title))
);

Запустить в Sandbox