Button
Button
представляет собой кнопку, которую пользователь может нажать, чтобы выполнить какое‑либо действие.
В разрешениях 360–768px
, кнопки растягиваются по ширине экрана или контента.
Для перехода на другую страницу используйте компонент Link
.
Обзор
Кнопки Primary
, Secondary
, Tertiary
используются в порядке убывания важности. Primary
используется, когда надо привлечь внимание пользователя, а Tertiary
— для редко используемых действий на странице (настройки, удаление).
Размеры
У кнопок три размера: большой, средний и маленький.
Props
Свойство | Тип | По умолчанию | Описание |
---|---|---|---|
variant | String | primary | Свойство отвечает за стилизацию кнопки. Допускаются следующие значения: primary , secondary , tertiary , iconTertiary , black |