Notify

Создавайте переключаемые уведомления, которые исчезают автоматически. Уведомление сразу не исчезает, остаётся видимым при наведении на сообщение, пока его действие не прекратится. Вы также можете закрыть уведомление, нажав на него.

Применение

Компонент «Notify» предоставляет простой API, который вы можете использовать в коде своего приложения. Следующий фрагмент кода JavaScript поможет вам начать.

JavaScript

UIkit.notify({
    message : 'Жизнь прекрасна!',
    status  : 'primary',
    timeout : 5000,
    pos     : 'top-center'
});


// Shortcuts
UIkit.notify('Это уведомление');
UIkit.notify('Это уведомление', status);
UIkit.notify('Это уведомление', { /* options */ });

Пример

UIkit.notify("Message...");

HTML сообщение

Вы можете использовать HTML внутри вашего уведомления, к примеру иконку из компонента Icon.

Пример

UIkit.notify("<i class='uk-icon-check'></i> Message with an icon...");

Delay и Sticky

Вы можете установить, через timeout, какое время в миллисекундах будет отображаться сообщение. Вы также можете создать липкое сообщение, установив время ожидания на ноль.

Примеры

UIkit.notify("Message...", {timeout: 0});

Позиции

Добавьте один из следующих параметров, чтобы настроить положение уведомления в разных углах.

Параметр	Код	Пример
`top-center`	`UIkit.notify("...", {pos:'top-center'})`
`top-left`	`UIkit.notify("...", {pos:'top-left'})`
`top-right`	`UIkit.notify("...", {pos:'top-right'})`
`bottom-center`	`UIkit.notify("...", {pos:'bottom-center'})`
`bottom-left`	`UIkit.notify("...", {pos:'bottom-left'})`
`bottom-right`	`UIkit.notify("...", {pos:'bottom-right'})`

Стиль уведомления

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

Status	Код	Пример
`primary`	`UIkit.notify("...", {status:'primary'})`
`success`	`UIkit.notify("...", {status:'success'})`
`warning`	`UIkit.notify("...", {status:'warning'})`
`danger`	`UIkit.notify("...", {status:'danger'})`