Select

Выпадающий список на Radix. Вариант base — чистый compound для ручной сборки (Select / SelectTrigger / SelectContent / SelectItem). Вариант async — высокоуровневый: inline options или асинхронный источник resource (стратегии static / preload / partial) с поиском, пагинацией и очисткой. Для форм — SelectField (алиас на field-версию async).

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

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

Плоский список inline-опций через проп options. Значение — строка (value: string | null). В галерее список показан раскрытым — видно все опции сразу.

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

Опции с одинаковым group объединяются под заголовком SelectLabel. Список показан раскрытым.

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

Форма, недостижимая options-пропом: произвольная разметка item (аватар + ФИО + роль). Собирается из Select / SelectTrigger / SelectContent / SelectItem варианта base.

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

Popover со своим listbox (без cmdk — каталог select лёгкий и едет в главный barrel). Чипы выбранного в триггере, сводка при превышении summaryThreshold, поддержка resource и selectedOptions для лейблов вне текущей страницы.

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