Buttons

Кнопки собираются из базового класса .btn, цветового модификатора и опционального размера. Для иконок добавляй .with-icon, а состояние загрузки помечай .loading-state.

Primary Primary Secondary Accent Info Danger Warning Success

Small Small Small Normal Large

Disabled Disabled Loading Loading

Copy button

Кнопка копирования на основе .btn-icon. В Vue-адаптере используй GnCopyButton.

Buttons HTML

<button class="btn btn-primary">Primary</button>
<button class="btn btn-secondary with-icon">
  <i class="ph ph-code"></i>
  Secondary
</button>
<button class="btn btn-warning btn-small">Small</button>
<button class="btn btn-success with-icon loading-state" disabled>
  <i class="ph-bold ph-spinner"></i>
  Loading
</button>