Segmented (Сегмент-контрол)

Компактный переключатель из нескольких соединённых сегментов. Управляется значением value; альтернатива Tabs для 2–4 вариантов.

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

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

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

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

// Переключатель вида
const { ui, createState } = PotokSDK;
const state = createState({ view: "grid" });

function draw() {
  ui.render(
    Segmented()
      .items([
        { id: "grid", label: "Сетка" },
        { id: "list", label: "Список" }
      ])
      .value(state.view)
      .onChange((id) => state.view = id)
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox