DropdownInput

DropdownInput - поля ввода с выпадающим блоком.


Props

Все атрибуты помимо указанных переправляются в Dropdown

value

  • type: ValueType
  • default: null

Значение поля ввода.

type ValueType = number | string | null;

options

  • type: IItem[]
  • default: () => []

Массив опций для отображения в выпадающем блоке.

placeholder

  • type: string
  • default: ''

Задает для поля ввода атрибут placeholder.

preventClose

  • type: boolean
  • default: false

Если указано true - выпадющий блок не скрывается после выбора элемента.

validator

  • type: Validation
  • default: {}

Объект валидатора v$ из библиотеки Vuelidate

Slots

icon

  • required: false

Иконка для передачи в слот поля ввода.

Scoped slots

default

  • required: false
  • prop: elem - отдельный элемент опций
  • prop: index - индекс элемента опций

Контент отдельного элемента options выпадающего блока.

Events

select

  • payload: item

Событие происходящее при выборе элемента списка кликом или клавишами Enter | Space.

submit

Событие происходящее при фокусе на элементе input и нажатии клавиши Enter.

Example