Button
Пакет @cloud-ru/ds-button предоставляет два компонента для действий и навигации: одиночную кнопку Button и контейнер связанных действий ButtonGroup. Оба компонента используют общие токены — размеры s/m/l, appearance primary/neutral/critical и view filled/outline/tonal/simple/elevated/function — и пересекаются по типам пропсов.
- Button — одиночная кнопка для действий и навигации с полным набором view/appearance/size и полиморфизмом через
as. - ButtonGroup — контейнер связанных действий с едиными токенами и согласованным layout’ом по горизонтали и вертикали.
Установка
pnpm add @cloud-ru/ds-button
import { Button, ButtonGroup } from '@cloud-ru/ds-button'
Figma
Оба компонента следуют одному мастер-файлу Figma. Cсылки на конкретные узлы — на страницах компонентов.
Смотри также
- Паттерны форм — типовые футеры с
ButtonGroup. - Паттерны композиции — Button внутри карточек и toolbar’ов.