// Livewire component — renders on the current page
$this->dispatch('toast', type: 'success', message: __('Account saved.'));

// Across a redirect — flashed to session, shown on the next render
flash_toast('error', __('Could not delete the invoice.'));

// Plain JS
window.signals.toast({ type: 'warning', message: 'Stock is running low.' });

// Override the default: milliseconds, or 0 / null to make it sticky
$this->dispatch('toast', type: 'success', message: __('Saved.'), duration: 10000);
$this->dispatch('toast', type: 'error', message: __('Failed.'), duration: 6000);

// Suppress the close button (rare — the toast must then be auto-dismissing)
$this->dispatch('toast', type: 'info', message: __('Syncing…'), dismissible: false);

<x-signals.code-editor
    property="bodyMarkdown"
    :content="$bodyMarkdown"
    language="markdown"
    sync-event="email-template-editor-sync"
    :label="__('Body markdown editor')"
    :rows="16" />

<x-signals.code-editor
    :tab-properties="['body' => 'bodyHtml', 'styles' => 'stylesCss']"
    :contents="['body' => $bodyHtml, 'styles' => $stylesCss]"
    :tab-languages="['styles' => 'css']"
    language="html"
    :active-tab="$activeTab"
    active-tab-model="activeTab"
    sync-event="document-template-editor-sync"
    :label="__('Body editor')" />

property        single Livewire property to bind (shorthand for tab-properties)
content         initial content for the single-property form
tab-properties  map of tab => Livewire property
contents        map of tab => initial content
language        default mode: html | css | markdown | json | yaml (unknown => plain text)
tab-languages   map of tab => mode, overriding `language` for that tab
active-tab      server-rendered tab (drives the fallback textarea binding)
active-tab-model  Livewire property entangled to follow tab switches
sync-event      Livewire event that pushes server content back into the buffer
insert-event    window event carrying a snippet to insert at the caret
debounce        ms before the buffer is pushed to Livewire (default 500)
lint            opt in to inline lint squiggles + lint gutter (default off)
diagnostics-event  Livewire event carrying server diagnostics (requires `lint`)
label           accessible name, applied to BOTH the editor and the fallback
rows            rows on the fallback textarea
textarea-id     id for the fallback textarea, so an existing <label for> keeps working
host-class / host-style / fallback-class / hint-class / textarea-class

$this->bodyMarkdown = $template->body_markdown;
$this->dispatch('email-template-editor-sync');

<x-signals.code-editor
    property="yamlInput"
    :content="$yamlInput"
    language="yaml"
    lint
    :diagnostics-event="\App\Livewire\Plugins\ManifestTools::DIAGNOSTICS_EVENT"
    :label="__('signals.yaml editor')" />

$this->dispatch(self::DIAGNOSTICS_EVENT, diagnostics: $this->validatorDiagnostics());

<button x-on:click="$dispatch('code-editor-insert-snippet', { snippet: '{{ account.name }}' })">Insert</button>