Input (Поле ввода)

Текстовое поле для форм и фильтров.

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

Метод	Аргумент	Описание
label(v)	string	Подпись над полем.
placeholder(v)	string	Подсказка в пустом поле.
inputType(v)	string ('text' | 'password' | 'number')	Тип ввода: text, password, number. Значение по умолчанию: 'text'
type(v)	string	Устаревший синоним inputType.
value(v)	string	Текущее значение. Значение по умолчанию: ''
onChange(v)	CallbackFunction	Обработчик изменения значения.

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

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

// Ввод данных формы
const { ui, createState } = PotokSDK;

const state = createState({ username: "", password: "" });

function draw() {
  ui.render(
    Card()
      .title("Авторизация")
      .child(
        VStack()
          .spacing(12)
          .child(
            Input("login")
              .label("Имя пользователя")
              .placeholder("Введите email")
              .value(state.username)
              .onChange((v) => state.username = v)
          )
          .child(
            Input("password")
              .label("Пароль")
              .placeholder("••••••••")
              .inputType("password")
              .value(state.password)
              .onChange((v) => state.password = v)
          )
      )
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox