Предупреждение

Определяет стили для успеха, предупреждения и сообщения об ошибках.

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

Для установки этого компонента, добавить .uk-alert класс для блочного элемента.

Пример

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Разметки

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

Кнопка "закрыть"

Применить кнопку закрыть, добавить .uk-alert-close класс <button> или <a> элемент внутри окно с предупреждением. Чтобы разрешить JavaScript Для кнопки закрыть, просто добавьте data-uk-alert атрибут в окно с предупреждением. Мы рекомендуем добавить .uk-close класс Следующих компонент дать кнопку правильную укладку, хотя вы можете также использовать текст или изображение.

Пример

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Разметки

<div class="uk-alert" data-uk-alert>
    <a href="" class="uk-alert-close uk-close"></a>
    <p>...</p>
</div>

Цвет модификаторы

Есть несколько цветовых модификаторов доступен. Просто добавьте один из следующих классов, чтобы применить другой вид.

Пример

Чтобы указать на успех или позитивный посыл добавить .uk-alert-success класс.

Чтобы указать сообщение, содержащее предупреждение добавить .uk-alert-warning класс.

Чтобы указать на важное сообщение Добавить .uk-alert-danger класс.

Разметки

<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>