Эмблема

Сообщайте пользователям о важных событиях и выделяйте части вашего контента с помощью лейблов.

Как использовать компонент Label в UIkit

Для активации стилей добавьте класс .uk-label к нужному элементу, например, <span>.

<span class="uk-label"></span>
  • Default
  • <span class="uk-label">Default</span>

Модификаторы

Добавьте один из следующих классов для других вариантов оформления.

Класс Описание
.uk-label-success Выводит сообщение об успешном выполнении операции.
.uk-label-warning Выводит сообщение с текстом предупреждения.
.uk-label-danger Выводит сообщения об ошибке. 
<span class="uk-label uk-label-success"></span>
  • Default Success Warning Danger
  • <span class="uk-label">Default</span>

<span class="uk-label uk-label-success">Success</span>

<span class="uk-label uk-label-warning">Warning</span>

<span class="uk-label uk-label-danger">Danger</span>