Добавьте в контент привлекающую подсказку. Используйте ярлычёк в тексте для отображения примечаний. Дополнительные стили для изменения внешнего вида меток. Примеры. Использование.
МеткиUIkit - отличный способ выделить фрагмент HTML-заголовка или какой-либо элемент контента.
Ярлычки могут использоваться для добавления дополнительной информации к любому содержимому.
Применение
Чтобы создать прямоугольную метку, просто добавьте к элементу <span> класс .uk-label.
Примечание
Все домыслы их были сосредоточены в это время в самих себе: они думали, каков-то будет новый фреймворк-губернатор, как возьмется за дело и как подскажет им. Вуаля!
<p>
<span class="uk-label">Примечание</span>
Все домыслы их были сосредоточены в это время в самих себе: они думали, каков-то будет новый фреймворк-губернатор, как возьмется за дело и как подскажет им. Вуаля!
</p>
Модификатор «Стиль»
Добавьте один из классов дополнительных стилей для изменения внешнего вида метки.
Как бы хорошо могла сложиться судьба Серого Волка, если бы он не заговорил в лесу с незнакомой Красной Шапочкой...
<div class="uk-card uk-card-default uk-card-body uk-width-1-2@m">
<div class="uk-card-badge uk-label">Метка</div>
<h3 class="uk-card-title">Название карты</h3>
<p>Как бы хорошо могла сложиться судьба Серого Волка, если бы он не заговорил в лесу с незнакомой Красной Шапочкой...</p>
</div>