Уведомления

Создать переключаемой уведомления, что исчезать автоматически.

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

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

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

JavaScript

UIkit.notify({
    message : 'Bazinga!',
    status  : 'info',
    timeout : 5000,
    pos     : 'top-center'
});


// Shortcuts
UIkit.notify('My message');
UIkit.notify('My message', status);
UIkit.notify('My message', { /* options */ });

Пример

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

HTML-сообщение

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

Пример

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

Задержки и липкий

Вы можете определить через timeout на какое количество времени в миллисекундах сообщение видно. Вы можете также создать липкий сообщение, установкой 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'})`

Статус

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

Статус	Код	Пример
`info`	`UIkit.notify("...", {status:'info'})`
`success`	`UIkit.notify("...", {status:'success'})`
`warning`	`UIkit.notify("...", {status:'warning'})`
`danger`	`UIkit.notify("...", {status:'danger'})`