Back to documentation

distortedfusion/laravel-tailwind-layout

Laravel Tailwind Layout

Alerts

Display text that requires attention or provides additional information.

<x-alert>This alert details some information.</x-alert>

Title

<x-alert title="Important">
    This alert details some information.
</x-alert>

Variants

<div class="space-y-2">
    <x-alert type="default">
        This alert details some information.
    </x-alert>
    <x-alert type="success">
        This alert details a success.
    </x-alert>
    <x-alert type="info">
        This alert details some information.
    </x-alert>
    <x-alert type="warning">
        This alert details a warning.
    </x-alert>
    <x-alert type="danger">
        This alert details an error.
    </x-alert>
</div>

Interested in what we can do for your business?

Get in touch
Flushing, The Netherlands contact@distortedfusion.com
Chamber Of Commerce
74088041
VAT
NL002267401B33
GitHub
Twitter
LinkedIn

//
distortedfusion/laravel-tailwind-layout

Copyright © 2024 Distorted Fusion - All rights reserved.