Dropdown (Выпадающее меню)

Кнопка-триггер с выпадающим списком вариантов. Открытие/закрытие управляется самим компонентом; выбор пункта возвращает его id.

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

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

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

// Выпадающая сортировка
const { ui, createState } = PotokSDK;
const state = createState({ sort: "new" });

function draw() {
  ui.render(
    Dropdown()
      .label("Сортировка")
      .icon("arrow-up-down")
      .value(state.sort)
      .items([
        { id: "new", label: "Сначала новые", icon: "clock" },
        { id: "rating", label: "По рейтингу", icon: "star" },
        { id: "az", label: "По алфавиту" }
      ])
      .onSelect((id) => state.sort = id)
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox