HTML#
Основные сведения#
HTML-компонент позволяет интегрировать сырой HTML-код непосредственно в интерфейс пользователя. Он идеально подходит для демонстрации пользовательского контента, включая текст, изображения, таблицы и другие элементы, которые можно создавать и управлять с помощью стандартного HTML.
Параметры#
Component properties
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
Name |
- |
Наименование UI Компонента в системе |
|
Common |
Html |
Button |
Содержит пространство для редактирования Html кода |
CSS properties
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
Layout |
Width |
- |
Ширина компонента |
Height |
- |
Высота компонента |
|
Grow |
true, false |
Свойство определяет, насколько элемент будет расти по сравнению с остальными гибкими элементами внутри того же контейнера |
|
Margin |
- |
Свойство определяет внешний отступ на всех четырёх сторонах элемента |
|
Padding |
- |
Свойство устанавливает внутренние отступы поля со всех сторон элемента |
|
Appearance |
CornerRadius |
- |
Свойство используется для закругления углов элемента |
BorderThickness |
- |
Свойство позволяет задать рамки для элемента |
|
Brush |
Background |
- |
Свойство устанавливает цвет фона элемента |
BorderBrush |
- |
Свойство устанавливает цвет рамки элемента |
Кейсы Использования#
Динамическое Содержимое: Идеально подходит для динамического отображения контента, который требует HTML-форматирования, такого как статьи или блоги.
Интерактивность: Позволяет интегрировать интерактивные элементы, такие как формы или анимации, непосредственно в интерфейс пользователя.
Исключения#
Совместимость Браузеров: HTML-код должен быть тщательно проверен на совместимость с различными браузерами и устройствами для обеспечения корректного отображения.