# Кнопки

PipUI имеет в своем наборе компонентов множество вариаций кнопок, совместно с другими компонентами. Для их стилизации необходимо добавить элементу класс <mark style="color:orange;">`.btn`</mark>

```html
<button class="btn">Example</button>
<button class="btn active">Active</button>
<button class="btn" disabled>Disabled</button>
```

{% embed url="<https://codepen.io/pipui/pen/GRBNPXY>" %}
Примеры кнопок в разных состояниях
{% endembed %}

Кнопки можно комбинировать и с другими компонентами, например с [цветовыми наборами](https://v2-0-0.pipui.ru/components/palette), [отступами](https://v2-0-0.pipui.ru/components/margin) и др.

{% embed url="<https://codepen.io/pipui/pen/JjBbwwr>" %}
Пример кастомизации кнопок
{% endembed %}