Select

Выпадающий список на Radix. Опции задаются inline через options или подгружаются асинхронно через resource (стратегии static / preload / partial).

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

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

Дефолтная форма: плоский список inline-опций через проп options. Модель выбора — одно значение (value: string | null).

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

Форма с секциями: опции с одинаковым group объединяются под заголовком SelectLabel. Раскладка задаётся тем же options-пропом — поле group у элемента.

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

Форма, недостижимая options-пропом: произвольная разметка item и выбранного значения. Собирается вручную из SelectTrigger / SelectValue / SelectContent / SelectItem — здесь аватар-инициалы + ФИО + роль.

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