Эмблема

Easlily создать хорошо выглядящие эмблемы до метки и выделить ваш контент.

Использование

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

Пример

Инфо Новые Бесплатно

Разметки

<div class="uk-badge">...</div>

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

Для отображения эмблемы в другом стиле, просто добавьте модификатор классов к .uk-badge класс. Эти модификаторы могут быть объединены друг с другом.

Уведомление

Добавить .uk-badge-notification класс, чтобы указать в уведомлении, как правило, он используется с числами.

Пример

1 2 3 10 100

Разметки

<div class="uk-badge uk-badge-notification">...</div>

Цвет Модификатор

Добавить .uk-badge-success, .uk-badge-warning или .uk-badge-danger класс для дополнительных цветов.

Пример

Успех Предупреждение Опасность

1 10 1 10 1 10

Разметки

<div class="uk-badge uk-badge-success">...</div>
<div class="uk-badge uk-badge-warning">...</div>
<div class="uk-badge uk-badge-danger">...</div>