Dropdown
Dropdown — это компонент, который позволяет пользователю выбрать один вариант из списка. Выпадающие списки вызываются компонентом Select или Combobox.
По умолчанию расположен под элементом, из которого он вызван и подстраивается под его ширину. Если в области просмотра недостаточно места, выпадающий список выравнивается по правому краю элемента, из которого он вызван.
Обзор
Элемент выпадающего списка (ListItem) может иметь иконку слева или справа, а также подпись.
Скролл
По умолчанию в выпадающем списке показывается не больше пяти значений единовременно, в противном случае добавляется скролл.
Поиск
Выпадающий список может содержать окно поиска, если значений слишком много.
Сообщение
Если ничего не найдено или список не успел загрузиться, необходимо показать соответствующее сообщение.
- Ничего не найдено
Props
| Свойство | Тип | По умолчанию | Описание |
|---|---|---|---|
variant | String | primary | Свойство отвечает за стилизацию кнопки. Допускаются следующие значения: primary, secondary, tertiary, iconTertiary, black |
loading | Boolean | false | Используется для показа состояния загрузки. При состоянии true, внутри кнопки используется компонент SpinnerIcon. При состоянии true, свойство disabled автоматически переводится в состояние true. |
type | String | button | |
name | String | ||
id | String | ||
autofocus | Boolean | false | |
disabled | Boolean | false |
Slots
| Название | Описание |
|---|---|
default | Контент размещается в элементе <button> |
Events
| Событие | Аргументы | Описание |
|---|---|---|
clicked | Собственный объект события | Событие всплывает при нажатии на кнопку |