NativeSelect

Стилизованный native <select> (с иконкой-шевроном). В отличие от Select — это НЕ Radix: разметка, семантика и клавиатурная навигация браузерные, дропдаун нативный. Значение — строка (option.value), пустой выбор → null. Для форм — NativeSelectWithOptions (registry NativeSelect): строит <option> из декларативного options (одинаковый group объединяется в <optgroup>).

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

Плоский список опций через проп options. Значение — строка (value: string | null).

Загрузка демо…

Опции с одинаковым group объединяются в нативный <optgroup>.

Загрузка демо…

Нативный <select multiple>: no-JS/legacy, клавиатура браузера (Ctrl+клик, Shift+стрелки). Не для тач-устройств. placeholder отсутствует намеренно — в листбоксе он стал бы выбираемым пунктом.

Загрузка демо…