div

div — контейнер для группировки связанных компонентов.

XML-элемент

div

Java-класс

Div

Основы

ДЕМО

В примере div используется как блочный контейнер для заголовков, абзацев, списков и ссылки:

<div>
    <h1 text="HTML Tags Sample"/>
    <p text="This is a sample text that showcases the usage of different HTML tags."/>
    <unorderedList>
        <listItem>
            <span classNames="text-semibold" text="Bold text: "/>
            <span text="Use the &lt;b&gt; tag to make text "/>
            <span classNames="text-semibold" text="bold."/>
        </listItem>
    </unorderedList>
    <p text="Hyperlinks can be added using the &lt;a&gt; tag:"/>
    <anchor href="https://www.jmix.io" text="Visit jmix.io" target="BLANK"/>
</div>
Используйте компонент html для включения исходного HTML-кода.

Варианты темы

Используйте атрибут themeNames, чтобы оформить компонент как бейдж. Сочетайте badge с вариантами цвета, акцента, формы или размера.

Вариант Описание Поддерживается в

badge

Применяет оформление бейджа.

Aura, Lumo

success, warning, error, contrast

Применяет семантический цвет.

Aura, Lumo

primary

Добавляет более выраженный визуальный акцент.

Aura, Lumo

pill

Скругляет углы бейджа.

Aura, Lumo

small

Уменьшает размер бейджа.

Aura, Lumo

normal

Использует обычный размер бейджа.

Aura, Lumo

Атрибуты

В Jmix существует множество общих атрибутов, которые служат одной цели для всех компонентов. Следующие атрибуты специфичны для div:

Имя Описание По умолчанию

themeNames

Применяет один или несколько вариантов из раздела Варианты темы.

—

Обработчики

В Jmix существует множество общих обработчиков, которые настраиваются одинаково для всех компонентов. Следующие обработчики специфичны для div:

Имя Описание

ClickEvent

Срабатывает при нажатии на компонент. Используйте subject click, singleClick или doubleClick, чтобы выбрать тип нажатия.

Элементы

div может отображать текст или содержать вложенные компоненты и контейнеры. Если есть дочерние элементы, атрибут text игнорируется.