Select

Select — это тип поля ввода, который даёт пользователям возможность выбрать один или несколько элементов из выпадающего списка (Dropdown).

Обзор

Компонент представлен в дух вариантах: Primary и Secondary.

Primary — используется по умолчанию.

Secondary — используется там, где у основного вида будет слишком большой визуальный вес. Например, для выбора языка в шапке.

Primary

Secondary

Иконки

У селекта может быть иконка слева.

Лейбл

Неактивное состояние

Здесь какой-то текст на фронтэндерском.

Лейбл

Состояние ошибки

Состояние ошибки не отображается только цветом или только текстом. Обязательно наличие и текста ошибки с иконкой, и изменение цвета поля. Это необходимо для обеспечения доступности.

Лейбл

Пожалуйста выберите вариант

Props

Свойство	Тип	По умолчанию	Описание
`options`	`Массив объектов вида: {id: string \| number, text: string;}`
`label`	`String`
`status`	`String`	`default`	Возможные значения `default \| error`
`status`	`String`	`default`	Возможные значения `default \| error`
`noResults`	`String`	'Ничего не найдено'
`useFilter`	`Boolean`	`false`
`useSearch`	`Boolean`	`true`
`useSearchIcon`	`Boolean`	`false`
`useLabel`	`Boolean`	`true`
`useClear`	`Boolean`	`false`
`useSearchOnTop`	`Boolean`	`false`

Events

Событие	Аргументы	Описание
`load`
`search`	строка с запросом
`click`	'open' \| 'hide'
`clear`	Объект события click