Toast

# Основы

C помощью компонента moonshine::toast можно создавать уведомления.

<x-moonshine::toast content="Message toast" />

<x-moonshine::toast content="Message toast" />

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

primary secondary success warning error info

<x-moonshine::toast type="success" content="Message success toast" />

<x-moonshine::toast type="success" content="Message success toast" />

# Без использования компонента

Также создать уведомление можно с помощью метода MoonShineUi::toast().

use MoonShine\MoonShineUI;
 
MoonShineUI::toast('Toast content', 'error');

use MoonShine\MoonShineUI;

MoonShineUI::toast('Toast content', 'error');

# JS

// native js
dispatchEvent(
    new CustomEvent('toast', {
        detail: {type: 'success', text: 'SomeText'}
    })
)
 
// AlpineJs внутри компонента
this.$dispatch('toast', {type: 'error', text: 'Error'})
 
// AlpineJs вне компонента
$dispatch('toast', {type: 'error', text: 'Error'})

// native js
dispatchEvent(
    new CustomEvent('toast', {
        detail: {type: 'success', text: 'SomeText'}
    })
)

// AlpineJs внутри компонента
this.$dispatch('toast', {type: 'error', text: 'Error'})

// AlpineJs вне компонента
$dispatch('toast', {type: 'error', text: 'Error'})