Исходник ↗Песочница ↗

SelectMimicry

Компонент, который визуально имитирует компонент выбора из списка. Используется в случаях, когда нужно создать элемент, похожий на Select, но с пользовательским поведением при нажатии (например, вызов модального окна).

Загружается...

Состояния

disabled

Свойство disabled блокирует взаимодействие с компонентом и добавляет визуальную индикацию недоступности.

Загружается...

Валидация

Свойство status используется для визуализации валидации компонента - некорректности заполненного поля (значение "error") или успешной валидации (значение "valid").

Загружается...

Доступность (a11y)

Компонент поддерживает все стандартные aria-атрибуты, если вам необходимо переопределить стандартное поведение.

Свойства и методы

СвойствоОписание
afterReactNode

Добавляет иконку справа.

Рекомендации:

  • Используйте следующие размеры иконок 12 | 16 | 20 | 24 | 28.
  • Используйте IconButton ↗, если вам нужна иконка, реагируюущая на нажатие.
По умолчанию: <DropdownIcon />
alignAlignType
По умолчанию: -
beforeReactNode

Добавляет иконку слева.

Рекомендации:

  • Используйте следующие размеры иконок 12 | 16 | 20 | 24 | 28.
  • Используйте IconButton ↗, если вам нужна иконка, реагирующая на нажатие.
По умолчанию: -
disabledboolean

Блокировка взаимодействия с компонентом.

По умолчанию: -
getRootRefRef<HTMLElement>
По умолчанию: -
multilineboolean

Включает многострочный режим отображения.

По умолчанию: -
selectTypeSelectType

Тип селекта, влияющий на внешний вид компонента.

По умолчанию: default
status"default" | "error" | "valid"

Статус отображения поля в форме.

По умолчанию: -
Предыдущая
Select
Следующая
Slider