Компонент Значок : Badge

Создавайте красивые уведомительные значки.

Выводите информацию в навигации или вкладках (табах) с количеством доступных единиц. Значки для создания ярлычков и вывода необходимой информации пользователям. Бейджик можно поместить в любую часть текстового контента сайта.


Создание бейджа

Чтобы создать информационный значок, просто добавьте класс .uk-badge к строчному элементу, такому как <a> или элементу <span>.

<span class="uk-badge"></span>
  • 1 50 100
  • <span class="uk-badge">1</span>
    <span class="uk-badge">50</span>
    <span class="uk-badge">100</span>

Значок можно использовать как часть ссылки или кнопки, в качестве счетчика.

  • <button type="button" class="uk-button uk-button-primary">
      Уведомления <span class="uk-badge">7</span>
    </button>
Документация
Компоненты