InputMenu

Автодополнение

Текст: —

Выбранное значение: —

Размеры

Состояния

Входные параметры

Имя	Тип	По умолчанию	Описание
`items`	`SelectOption[]`	`[]`	Список подсказок: `{ label: string, value: string \| number, disabled?: boolean }`.
`placeholder`	`string`	`'Введите значение'`	Подсказка в поле ввода.
`size`	`'sm' \| 'md' \| 'lg'`	`undefined`	Размер поля. Если не задан, берётся из `C3FormField`.
`disabled`	`boolean`	`false`	Отключает поле.
`error`	`boolean`	`false`	Флаг ошибки.
`name`	`string`	`undefined`	Имя поля.

v-model привязывает текстовое значение через defineModel<string>().

События

select — payload: value: string | number. Срабатывает при выборе подсказки из списка.

Описание

Компонент C3InputMenu — поле ввода с выпадающим списком подсказок и клавиатурной навигацией (автодополнение). По мере ввода список фильтруется по введённому тексту.

Используйте items для списка подсказок и событие select для получения выбранного значения. Текст подсказки при выборе подставляется в поле.

Дополнительная информация

Слоты отсутствуют.
Список имеет роль listbox, опции — option с aria-selected; поле несёт aria-expanded и aria-autocomplete="list".
Клавиатурная навигация: ArrowDown/ArrowUp по опциям, Enter — выбор, Escape — закрытие.
Меню открывается по фокусу/вводу и закрывается по клику вне его.
Компонент интегрируется с C3FormField: берёт ошибку из контекста и регистрирует геттер значения для валидации.