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

List (Список строк)

Вертикальный список кликабельных строк с иконкой, заголовком, подзаголовком, бейджем и завершающей иконкой.

Метод Аргумент Описание
items(v) Array Массив строк: { id, title, subtitle?, icon?, badge?, trailingIcon?, disabled? }.
Значение по умолчанию: []
onItemClick(v) CallbackFunction Коллбек клика по строке. Передаёт объект строки.

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

// Список пунктов меню
const { ui } = PotokSDK;
ui.render(
List()
.items([
{ id: "a", title: "Настройки", subtitle: "Общие параметры", icon: "settings", trailingIcon: "chevron-right" },
{ id: "b", title: "Аккаунт", badge: "PRO", icon: "user", trailingIcon: "chevron-right" }
])
.onItemClick((item) => ui.showHUD("info", "Выбрано: " + item.title))
);

Запустить в Sandbox