Перейти к содержимому

ContentCard (Универсальная карточка)

Карточка контента, НЕ привязанная к форме TMDB. Рисует постер, бейджи, полосу прогресса и заголовок из вашей собственной модели данных (SDKContentItem: id, title, subtitle, image, wideImage, badges, meta, progress, rank).

Метод Аргумент Описание
item(v) SDKContentItem Объект контента: id, title, subtitle, image, wideImage, badges, meta, progress, rank, href.
orientation(v) 'portrait' | 'landscape' Ориентация карточки: вертикальный постер или широкий кадр.
Значение по умолчанию: 'portrait'
onClick(v) CallbackFunction Коллбек клика по карточке. Передаёт объект контента.

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

// Карточка из своих данных
const { ui } = PotokSDK;
ui.render(
ContentCard()
.item({
id: "track-1",
title: "Nightcall",
subtitle: "Kavinsky",
image: "https://image.tmdb.org/t/p/w500/9O1Iy9od7uEuw6Bs4POV62Zzg2H.jpg",
badges: [{ text: "NEW", color: "accent" }],
meta: ["2010", "Synthwave"],
progress: 0.4,
rank: 1
})
.orientation("portrait")
.onClick((item) => ui.showHUD("info", "Открыто: " + item.title))
);

Запустить в Sandbox