SaladUI

Alert

Render alert

Read more Read less

Examples

<.alert variant="destructive">
  <.alert_title>Alert title</.alert_title>
  <.alert_description>Alert description</.alert_description>
</.alert>
Default alert Open in playground
Heads up!
You can add components to your app using the cli 
<.alert>
  <.icon name="hero-command-line" class="h-4 w-4" />
  <.alert_title>Heads up!</.alert_title>
  <.alert_description>
    You can add components to your app using the cli
  </.alert_description>
</.alert>
Destructive Open in playground
Heads up!
You can add components to your app using the cli 
<.alert variant="destructive">
  <.icon name="hero-exclamation-triangle" class="h-4 w-4" />
  <.alert_title>Heads up!</.alert_title>
  <.alert_description>
    You can add components to your app using the cli
  </.alert_description>
</.alert>