Renders an alert.

Examples

<.alert title="Heads up!">
  You can add components to your app using the CLI.
</.alert>

<.alert variant="danger" title="Payment failed" dismissible>
  Your card was declined. Please try another payment method.
</.alert>

Accessibility

Renders with role="alert" for the danger and warning variants, so assistive technology announces them promptly, and role="status" otherwise, which announces politely without interrupting.

Attributes

• variant (:string) - Defaults to "default". Must be one of "default", "success", "warning", "danger", or "info".
• title (:string) - Heading text. Shadows the HTML title attribute. Defaults to nil.
• show_icon (:boolean) - Shows the variant's default icon. Pass an :icon slot to supply your own instead. Defaults to true.
• dismissible (:boolean) - Adds a close button. Requires Alpine. Defaults to false.
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• inner_block - Body text.
• icon - Overrides the default icon.