Логотип БГТУ ВОЕНМЕХДизайн-система

Button

Button представляет собой кнопку, которую пользователь может нажать, чтобы выполнить какое‑либо действие.

В разрешениях 360–768px, кнопки растягиваются по ширине экрана или контента.

Для перехода на другую страницу используйте компонент Link.

Обзор

Кнопки Primary, Secondary, Tertiary используются в порядке убывания важности. Primary используется, когда надо привлечь внимание пользователя, а Tertiary — для редко используемых действий на странице (настройки, удаление).

Размеры

У кнопок три размера: большой, средний и маленький.

Props

СвойствоТипПо умолчаниюОписание
variantStringprimary Свойство отвечает за стилизацию кнопки. Допускаются следующие значения: primary, secondary, tertiary, iconTertiary, black