Tabs (Вкладки)

Горизонтальный таб-бар для переключения секций. Управляется значением value; клик по вкладке вызывает onChange(id), после чего плагин обновляет своё состояние и перерисовывается.

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

Метод	Аргумент	Описание
items(v)	Array	Массив вкладок: { id, label, icon? }. Значение по умолчанию: []
value(v)	string	Идентификатор активной вкладки.
onChange(v)	CallbackFunction	Коллбек смены вкладки. Передаёт id выбранной вкладки.

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

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

// Переключение вкладок
const { ui, createState } = PotokSDK;
const state = createState({ tab: "overview" });

function draw() {
  ui.render(
    Tabs()
      .items([
        { id: "overview", label: "Обзор", icon: "info" },
        { id: "episodes", label: "Серии", icon: "list" },
        { id: "about", label: "О проекте" }
      ])
      .value(state.tab)
      .onChange((id) => state.tab = id)
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox