Blade Components
Alerts
Display text that requires attention or provides additional information.
This alert details some information.
<x-alert>This alert details some information.</x-alert>
Title
Important
This alert details some information.
<x-alert title="Important">
This alert details some information.
</x-alert>
Variants
This alert details some information.
This alert details a success.
This alert details some information.
This alert details a warning.
This alert details an error.
<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>