Brand
Changelog v1.4

Alert

Alerts display brief, important messages to attract the user's attention without interrupting their workflow.

Variants

Information
This is a standard informational alert. Success
Your changes have been saved successfully. Warning
Please review before continuing. Error
Something went wrong. Please try again. Neutral
A general-purpose message with no specific sentiment.

Closable

You can dismiss this alert by clicking the close button.

With Duration

Show Toast This toast will auto-hide after 3 seconds.

Usage

<sl-alert variant="success" open closable>
  <sl-icon slot="icon" name="check2-circle"></sl-icon>
  Your changes have been saved.
</sl-alert>