Alert

# Основы

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

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

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

Alert

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

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

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

primary secondary success warning error info

<x-moonshine::alert type="primary">Primary</x-moonshine::alert>
<x-moonshine::alert type="secondary">Secondary</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>

<x-moonshine::alert type="primary">Primary</x-moonshine::alert>
<x-moonshine::alert type="secondary">Secondary</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>

Primary

Secondary

Success

Info

Warning

Error

# Иконка

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

<x-moonshine::alert icon="heroicons.academic-cap">Alert</x-moonshine::alert>

<x-moonshine::alert icon="heroicons.academic-cap">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