Уведомления

Алерты и flash сообщения

Базовые алерты

Primary алерт
Информационное сообщение
Success алерт
Операция выполнена успешно
Danger алерт
Произошла ошибка
Warning алерт
Внимание, проверьте данные
Info алерт
Полезная информация
Secondary алерт
Обычное уведомление

С кнопкой закрытия

Закрываемый алерт
Нажмите крестик для закрытия
С анимацией
При закрытии анимируется
С действиями
Обновление доступно
Со ссылкой
Подробнее в документации

Стили оформления

Outline
Только обводка
Outline success
Минималистичный стиль
Solid
Сплошной фон
Solid danger
Яркое выделение
Border left
С акцентом слева
Border warning
Цветная левая граница

Размеры и варианты

Маленький
Компактный размер
Без иконки
Минималистичный вариант
Обычный
Стандартный размер
Акцентный
Выделенный стиль
Большой алерт
Для важных уведомлений

Flash сообщения

Демо flash сообщений
О flash сообщениях
Flash сообщения появляются сверху страницы и автоматически скрываются. Используются для системных уведомлений.
Демо flash в контейнере
Success Flash
Сообщение об успехе
Warning Flash
Предупреждение

Баджи и фиксированные

Алерты-баджи
Новое Активно Ожидание Заблокировано
Использование баджей
Баджи можно использовать внутри текста для highlight или как статусные метки status.
Фиксированные алерты
Фиксированный алерт
В реальном использовании будет позиционирован фиксированно. Используйте классы .app-alert-fixed-top-right и другие.
Продолжая использовать сайт, вы соглашаетесь на обработку файлов cookie и принимаете Пользовательское соглашение