Перейти к содержимому

CoreSelect

Примеры использования и документация.

Выбор одного варианта из списка в формах системы: пользователь видит привычный выпадающий список с подписью, подсказкой и подсветкой ошибки, а не безымянное поле. Берите для фильтров, настроек и любых форм с предсказимым набором опций; нативный select сохраняет мобильную систему выбора и доступность из коробки.

Технические детали: обёртка над нативным <select> — label связывается через id (генерируется через useId, связка CoreFormGroup ↔ labelFor), describedBy прокидывается в aria-describedby для hint/error, а error дополнительно связывается сам — id сообщения (role="alert") попадает в то же описание. Поддерживаются placeholder, размеры sm | md | lg, error, disabled, иконка в начале поля через icon. flow — градиентная анимированная рамка (цвета темы — primary/secondary, реагируют на акцент); при flow поверх нативного select рисуется «зеркало» — градиентный текст выбранного опшена или плейсхолдера (aria-hidden, пересчитывается на change и при внешней установке модели).

город: —