Предупреждение
Определяет стили для успеха, предупреждения и сообщения об ошибках.
Использование
Для установки этого компонента, добавить .uk-alert
класс для блочного элемента.
Пример
Разметки
<div class="uk-alert">...</div>
Кнопка "закрыть"
Применить кнопку закрыть, добавить .uk-alert-close
класс <button>
или <a>
элемент внутри окно с предупреждением. Чтобы разрешить JavaScript Для кнопки закрыть, просто добавьте data-uk-alert
атрибут в окно с предупреждением. Мы рекомендуем добавить .uk-close
класс Следующих компонент дать кнопку правильную укладку, хотя вы можете также использовать текст или изображение.
Пример
Разметки
<div class="uk-alert" data-uk-alert>
<a href="" class="uk-alert-close uk-close"></a>
<p>...</p>
</div>
Цвет модификаторы
Есть несколько цветовых модификаторов доступен. Просто добавьте один из следующих классов, чтобы применить другой вид.
Пример
Разметки
<div class="uk-alert uk-alert-success"> ... </div>
<div class="uk-alert uk-alert-warning">...</div>
<div class="uk-alert uk-alert-danger">...</div>
Размер модификатор
Добавить .uk-alert-large
класс увеличить интервал в окно с предупреждением. Это может быть полезно, если вы хотите использовать богаче типография.
Пример
Сегодня в Заголовок
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Разметки
<div class="uk-alert uk-alert-large">...</div>