> For the complete documentation index, see [llms.txt](https://fxe-documents.gitbook.io/api-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://fxe-documents.gitbook.io/api-docs/komponenty-uxnode/komponenty/knopka.md).

# Кнопка

**class** ![](/files/ERv3mwcF952ee1JOvr7d) `UXButton`(`php\gui\UXButton`) **extends** UXButton.

```php
use php\gui\UXButton;
```

`Button` - это класс компонента для отображения обычных текстов без форматирования, с возможностью выбора шрифта и иконки для текста. Он предоставляет базовый функционал для создания кнопок в пользовательском интерфейсе.

Изображение компонента:

![](/files/PCoRSkdo2ZndlQy62f86)

***

## **Свойства компонента**

* `-> text`
* `-> font`
* `-> underline`
* `-> wrapText`
* `-> textAlignment`
* `-> alignment`
* `-> graphic`
* `-> graphicTextGap`
* `-> contentDisplay`

***

## **Свойства**

`-> text` - указывает текст на кнопке.

`-> font` - указывает шрифт на кнопке.

`-> underline` - указывает подчёркивание на тексте.

`-> wrapText` - указывает на авто перенос на тексте.

`-> textAlignment` - указывает выравнивание текста на кнопке.

`-> alignment` - указывает выравнивание текста на кнопке.

`-> graphic` - добавляет иконку рядом с текстом.

`-> graphicTextGap` - добавляет отступ от иконки.

`-> contentDisplay` - центрирование иконки  .

***

## **Пример использования**

<pre class="language-php"><code class="lang-php"><strong># Не забываем подключить use для кнопки, стиля, шрифта, иконки и так далее.
</strong><strong>
</strong><strong>// Создание новой кнопки
</strong>$button = new UXButton("Нажми меня");

// Установка стиля
$style = new UXStyle();
$style->backgroundColor = "lightblue";
$style->textColor = "black";
$button->style = $style;

// Установка шрифта
$button->font = new UXFont("Arial", 16);

// Установка иконки (предполагается, что иконка находится в папке ресурсов проекта)
$button->graphic = new UXImageView(new UXImage("res://icon.png"));

// Установка обработчика события нажатия на кнопку
$button->on("action", function() {
    UXDialog::show("Кнопка нажата!", "Информация");
});

// Установка расположения кнопки на сцене
$button->layoutX = 100;
$button->layoutY = 100;
</code></pre>