Button

Кнопка на shadcn/Radix Slot: 6 вариантов, 6 размеров и asChild для переноса стилей на другой элемент (ссылку роутера и т.п.).

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

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

Дефолтная форма: текстовая подпись без иконок. Базовая раскладка h-9 px-4 под сплошной текст.

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

Композиция иконка+подпись: svg-ребёнок авто-масштабируется (size-4) и отбивается gap-2, паддинг сжимается через has-[>svg].

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

Icon-only форма без текстовой подписи (тулбары, компактные действия): квадрат size-9 под иконку через size="icon" + aria-label для доступности.

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