Livewire Components

Alert

Displays a callout for user attention.

Heads up!
You can add components and dependencies to your app using the cli. 
<x-alert>
    <x-lucide-rocket class="size-4" />
    <x-alert.title>Heads up!</x-alert.title>
    <x-alert.description>
        You can add components and dependencies to your app using the cli.
    </x-alert.description>
</x-alert>

Installation

php artisan vendor:publish --tag=alert --force

Usage

<x-alert>
    <x-alert.title>Title</x-alert.title>
    <x-alert.description>
        Description
    </x-alert.description>
</x-alert>

Examples

Default

Heads up!
You can add components to your app using the cli. 
<x-alert>
    <x-lucide-rocket class="size-4" />
    <x-alert.title>Heads up!</x-alert.title>
    <x-alert.description>
        You can add components to your app using the cli.
    </x-alert.description>
</x-alert>

Destructive

Heads up!
You can add components to your app using the cli. 
<x-alert variant="destructive">
    <x-lucide-triangle-alert class="size-4" />
    <x-alert.title>Heads up!</x-alert.title>
    <x-alert.description>
        You can add components to your app using the cli.
    </x-alert.description>
</x-alert>