PosterGrid (Сетка постеров)

Адаптивная сетка карточек-постеров с необязательной кнопкой догрузки (бесконечный список) — для страниц каталога/категории из вашей модели данных.

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

Метод	Аргумент	Описание
items(v)	SDKContentItem[]	Карточки сетки. Значение по умолчанию: []
minWidth(v)	string	Минимальная ширина колонки. Значение по умолчанию: '10rem'
loadMoreLabel(v)	string	Текст кнопки догрузки (появляется только если задан onLoadMore).
onCardClick(v)	CallbackFunction	Коллбек клика по карточке.
onLoadMore(v)	CallbackFunction	Коллбек догрузки следующей страницы.

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

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

// Сетка постеров с догрузкой
const { ui } = PotokSDK;

const items = [
  { id: "1", title: "Дюна", image: "https://image.tmdb.org/t/p/w500/qJ2tW6WMUDux911r6m7haRef0WH.jpg" },
  { id: "2", title: "Начало", image: "https://image.tmdb.org/t/p/w500/9gk7adHYeDvHkCSEqAvQNLV5Uge.jpg" },
  { id: "3", title: "Интерстеллар", image: "https://image.tmdb.org/t/p/w500/gEU2QthHGvGo1q7T2XzAwETYNsC.jpg" }
];

ui.render(
  PosterGrid()
    .items(items)
    .minWidth("10rem")
    .loadMoreLabel("Показать ещё")
    .onCardClick((item) => ui.showHUD("info", item.title))
    .onLoadMore(() => ui.showHUD("info", "Загрузка следующей страницы..."))
);

Запустить в Sandbox