Button

Button — составной компонент кнопки действия.

Button.Root задаёт цвет, размер и скругление, вешает волну нажатия и пробрасывает стандартные атрибуты button (onClick, disabled и т.д.) на DOM-элемент; задизейбленная кнопка приглушается автоматически.

Содержимое потребитель собирает сам: Button.Label — текст, иконки ставятся прямо в Button.Root рядом с ним, порядок задаёт разметка. Для кнопки без текста есть отдельный ButtonIcon — квадратный, с тултипом и aria-label.

Смысловой вариант — задаёт цвет: primary — главное действие, secondary — второстепенное, success / warning / danger — семантические действия, default — нейтральная.

Внешний вид: solid — сплошная заливка, outline — обводка без заливки, dashed — та же обводка пунктиром, ghost — только текст, фон появляется при наведении.

Размер задаётся на Button.Root и управляет высотой, отступами и шрифтом кнопки; иконки масштабируются вместе с текстом. От компактного xs до крупного xl.

Скругление углов — от прямых none до circle («таблетка»). Без пропа скругление задаёт size.

Иконка — обычный ребёнок Button.Root: кнопка не даёт ей сжиматься и масштабирует вместе с текстом. Порядок задаёт разметка, так что иконка может стоять и слева, и справа от Button.Label.

color — цвет кнопки вне стандартного набора вариантов (действие, окрашенное данными: проект, метка, событие). Принимает любое CSS-значение и перекрывает цвет из variant; для цвета, закреплённого за строкой, есть хелпер getStableColor. Цвет текста при сплошной заливке подбирается автоматически: на светлом фоне — чёрный, на тёмном — белый; у outline и dashed текст остаётся обычным текстом приложения, цвет несёт обводка.

Постоянно «нажатое» состояние — для выбранного элемента, например активного раздела в меню.

adaptive растягивает кнопку на всю доступную ширину родителя — для форм и узких панелей.

Текст кнопки; обрезается многоточием, если не влезает.