Эмблема
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>