Portal UI

Alert

Displays a callout for user attention.

Heads up!
You can add components and dependencies to your app using the cli.
<x-portal::alert>
    <x-tabler-terminal class="h-4 w-4" />
    <x-portal::alert.title>Heads up!</x-portal::alert.title>
    <x-portal::alert.description>
        You can add components and dependencies to your app using the cli.
    </x-portal::alert.description>
</x-portal::alert>

Publishing Component

If you want to customize the components, you can publish them by running the following command :

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


Destructive

Error
Your session has expired. Please log in again.
<x-portal::alert variant="destructive" >
    <x-tabler-alert-circle class="h-4 w-4" />
    <x-portal::alert.title>Error</x-portal::alert.title>
    <x-portal::alert.description>
        Your session has expired. Please log in again.
    </x-portal::alert.description>
</x-portal::alert>