Пользователь может использовать HTML в:

• панели type=«html»
• панели type=«list», style=«card» - отображение карточки
• панели type=«grid», field.type=«html»

Если выбран способ отображения карточки (панель list, style=card), есть возможность сворачивать/разворачивать содержимое. Соответственно, для карточки имеют смысл классы button-expand и collapsable.

Это классы контейнеры, вложенные в них элементы будут размещаться:

• для flex-row горизонтально, слева на право
• для flex-column вертикально, сверху вниз

Этот класс можно добавить к контейнерам flex-row и flex-column, при этом дочерние элементы начинают переноситься если не умещаются в размер.

Этот класс можно добавить к контейнерам flex-row и flex-column, описывает способ размещения дочерних элементов

• left - пытаться прижимать дочерние элементы к левому краю
• right - пытаться прижимать дочерние элементы к правому краю
• center-h - пытаться размещать дочерние элементы горизонтально по центру

• top - пытаться прижимать дочерние элементы к верхнему краю
• bottom - пытаться прижимать дочерние элементы к нижнему краю
• center-v - пытаться размещать дочерние элементы вертикально по центру

Элемент заголовка

<div class="title">Текст заголовка</div>

Элемент, выделенный цветным кружочком

<div class="tag lss-color-red">код</div>

Кнопочка разворачивания/сворачивания скрываемых элементов, имеет смысл только для карточек

<div class="button-expand"></div>

Элемент разделитель, следует размещать его между элементами, в начале или конце. Максимально раздвигает элементы друг от друга.

<div>элемент слева</div>
<div class="space"></div>
<div>элемент справа</div>

Элемент разделитель, отображается как вертикальная палочка между элементами

Дополнительный признак элемента, пытается занять элементом все доступное пространство

Дополнительный признак элемента, скрывает элемент без содержимого

Дополнительный признак элемента, имеет смысл только для карточек. При сворачивании/разворачивании карточки скрывается/отображается