Alert

Вы просматриваете документацию старой версии MoonShine. Рассмотрите возможность обновления вашего проекта до MoonShine 2.x.

Разделы

# Основы

Если вам необходимо уведомление на странице, можно воспользоваться компонентом moonshine::alert

<x-moonshine::alert>Alert</x-moonshine::alert>

<x-moonshine::alert>Alert</x-moonshine::alert>

Alert

# Тип уведомления

Изменить тип уведомления можно указав у компонента type

Доступные типы:

success info warning error

<x-moonshine::alert type="success">Success</x-moonshine::alert>
<x-moonshine::alert type="info">Info</x-moonshine::alert>
<x-moonshine::alert type="warning">Warning</x-moonshine::alert>
<x-moonshine::alert type="error">Error</x-moonshine::alert>

<x-moonshine::alert type="success">Success</x-moonshine::alert>
<x-moonshine::alert type="info">Info</x-moonshine::alert>
<x-moonshine::alert type="warning">Warning</x-moonshine::alert>
<x-moonshine::alert type="error">Error</x-moonshine::alert>

Success

Info

Warning

Error

# Иконка

У уведомления есть возможность изменить иконку, для этого необходимо передать ее в параметр icon

<x-moonshine::alert icon="heroicons.book-open">Alert</x-moonshine::alert>

<x-moonshine::alert icon="heroicons.book-open">Alert</x-moonshine::alert>

Alert

За более подробной информацией, обратитесь к разделу Icons

# Удаление уведомлений

Чтобы удалять уведомления через некоторое время, необходимо передать параметр removable со значением TRUE

<x-moonshine::alert removable="true">Alert</x-moonshine::alert>

<x-moonshine::alert removable="true">Alert</x-moonshine::alert>

Alert