span

span отображает небольшой фрагмент текста, который можно оформить отдельно.

XML-элемент

span

Java-класс

Span

Основы

ДЕМО

Как и одноимённый HTML-элемент, span добавляет и оформляет встроенный текст. Каждый span — отдельный компонент, поэтому оформление применяется ко всему значению его атрибута text.

Используйте компонент html, чтобы включить исходный HTML-код напрямую.

В примере несколько элементов span помещены в один пункт списка, чтобы отдельные части предложения имели разное оформление:

<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>

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

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

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

badge

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

Aura, Lumo

success, warning, error, contrast

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

Aura, Lumo

primary

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

Aura, Lumo

pill

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

Aura, Lumo

small

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

Aura, Lumo

normal

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

Aura, Lumo

Атрибуты

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

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

themeNames

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

—

Обработчики

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

Имя Описание

ClickEvent

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

Смотрите также