> For the complete documentation index, see [llms.txt](https://v2-0-0.pipui.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://v2-0-0.pipui.ru/components/buttons.md).

# Кнопки

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 %}

Кнопки можно комбинировать и с другими компонентами, например с [цветовыми наборами](/components/palette.md), [отступами](/components/margin.md) и др.

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