Chip (Чип/тег)

Компактный переключаемый элемент-пилюля. Подходит для фильтров, жанров и быстрых действий.

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

Метод	Аргумент	Описание
active(v)	boolean	Активное (выбранное) состояние. Значение по умолчанию: false
icon(v)	string	Имя иконки Lucide перед текстом.
onClick(v)	CallbackFunction	Коллбек клика по чипу.

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

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

// Чипы-фильтры
const { ui, createState } = PotokSDK;
const state = createState({ genre: "all" });

function draw() {
  ui.render(
    HStack().spacing(8).children(
      [
        { id: "all", label: "Все", icon: "layers" },
        { id: "drama", label: "Драма", icon: "drama" },
        { id: "comedy", label: "Комедия", icon: "laugh" }
      ].map((g) =>
        Chip(g.label).icon(g.icon).active(state.genre === g.id).onClick(() => state.genre = g.id)
      )
    )
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox