SearchBar (Панель поиска)

Поисковая строка с иконкой и кнопкой очистки.

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

Метод	Аргумент	Описание
value(v)	string	Текущий запрос. Значение по умолчанию: ''
placeholder(v)	string	Подсказка в поле. Значение по умолчанию: 'Поиск...'
onChange(v)	CallbackFunction	Обработчик изменения запроса.
onClear(v)	CallbackFunction	Обработчик очистки.

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

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

// Строка поиска
const { ui, createState } = PotokSDK;
const state = createState({ query: "" });

function draw() {
  ui.render(
    VStack()
      .spacing(12)
      .child(
        SearchBar()
          .value(state.query)
          .placeholder("Введите название...")
          .onChange((v) => state.query = v)
          .onClear(() => state.query = "")
      )
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox