Button#
Основные сведения#
Кнопка (Button) - это основной UI-компонент, используемый для выполнения команд или инициации действий в приложении. Она может быть настроена для запуска процессов, подтверждения действий пользователя или как средство навигации.
Параметры#
Свойства Компонента:
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
(Общие) |
Name |
- |
Наименование UI Компонента в системе |
Common |
Icon |
- |
Загрузка иконки (.svg) |
Disabled |
true, false |
Отключение элемента |
|
Label |
- |
Текст кнопки |
|
Text |
Font size |
- |
Размер шрифта |
Color |
- |
Цвет текста (CSS) |
|
Bold |
true, false |
Жирный шрифт |
|
Italic |
true, false |
Курсивный шрифт |
|
Text alignment |
Left, Right, Center, Justify |
Выравнивание текста |
|
Actions |
Command type |
Различные команды |
Действие по нажатию кнопки |
Restrict access |
true, false |
Ограничение доступа |
CSS Свойства:
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
Layout |
Width |
- |
Ширина компонента |
Height |
- |
Высота компонента |
|
Grow |
true, false |
Растягивание компонента |
|
Margin |
- |
Внешний отступ |
|
Padding |
- |
Внутренний отступ |
|
Appearance |
CornerRadius |
- |
Закругление углов |
BorderThickness |
- |
Толщина рамки |
|
Brush |
Background |
- |
Цвет фона |
BorderBrush |
- |
Цвет рамки |
Кейсы#
Отправка Формы: Использование кнопки для отправки данных формы на сервер или для инициации обработки данных формы в приложении.
Навигация: Назначение кнопки для перехода между различными экранами или разделами приложения.
Интерактивные Элементы: Создание кнопок для управления интерактивными элементами, например, для изменения содержимого на странице.
Исключения#
Ограничения по количеству действий: на кнопку можно повесить лишь один action(execute dataflow, execute script и др.).