Alert

role="alert" status banner. Destructive tints the text. There is no wrapper.

Preview

Heads up

You can add components to your app.

Error

Your session has expired.

Code

<div class="alert" role="alert">
	<div class="alert-title">Heads up</div>
	<div class="alert-description">You can add components to your app.</div>
</div>

<div class="alert alert-destructive" role="alert">
	<div class="alert-title">Error</div>
	<div class="alert-description">Your session has expired.</div>
</div>