ButtonGroup

Группа кнопок на shadcn: склеивает соседние элементы в единый сегмент — убирает внутренние скругления и двойные границы. Направление задаётся через orientation, ButtonGroupText добавляет неинтерактивную addon-подпись, а ButtonGroupSeparator — разделитель между сегментами.

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

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

Соседние Button склеиваются: внутренние углы и границы убираются.

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

orientation="vertical" — кнопки в столбец (сбрасываются верх/низ скругления).

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

ButtonGroupText — неинтерактивный блок (префикс/суффикс) в общем сегменте.

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

ButtonGroupSeparator ставит вертикальную линию между сегментами — напр. основное действие и меню.

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