tailwindcss/docs/source/docs/examples/alerts.blade.md

extends	title	description
_layouts.documentation	Alerts	null

@include('_partials.work-in-progress-example')

Traditional

@component('_partials.code-sample', ['lang' => 'html'])

Holy smokes! Something seriously bad happened.

@endcomponent

Modern with Badge

@component('_partials.code-sample', ['lang' => 'html', 'class' => 'px-0 py-0'])

New Get the coolest t-shirts from our brand new store

@endcomponent

Left Accent Border

@component('_partials.code-sample', ['lang' => 'html'])

Be Warned

Something not ideal might be happening.

@endcomponent

Titled

@component('_partials.code-sample', ['lang' => 'html'])

Danger

Something not ideal might be happening.

@endcomponent

Solid

@component('_partials.code-sample', ['lang' => 'html'])

Something happened that you should know about.

@endcomponent

Top Accent Border

@component('_partials.code-sample', ['lang' => 'html'])

Our privacy policy has changed

Make sure you know how these changes affect you.

@endcomponent

Banner

@component('_partials.code-sample', ['lang' => 'html'])

Informational message

Some additional text to explain said message.

@endcomponent