Renders an alert with Pure Admin BEM classes.

Supports dismissible alerts using Phoenix.LiveView.JS commands.

Examples

<.alert variant="success">Operation completed successfully.</.alert>

<.alert variant="danger" is_dismissible id="error-alert">
  <:icon><i class="fa-solid fa-triangle-exclamation"></i></:icon>
  Something went wrong!
</.alert>

<.alert variant="info" heading_text="System Update">
  New features available.
  <:actions>
    <.button variant="primary" size="sm">Update Now</.button>
  </:actions>
</.alert>

<.alert variant="warning" heading_text="Validation Errors">
  <:list>
    <li>Name is required</li>
    <li>Email is invalid</li>
  </:list>
</.alert>

Attributes

• id (:string) - Defaults to nil.
• variant (:string) - Color variant. Defaults to "info". Must be one of "primary", "secondary", "success", "warning", "danger", "info", "light", or "dark".
• size (:string) - Defaults to nil.Must be one of nil, "sm", or "lg".
• is_outline (:boolean) - Outline style. Defaults to false.
• is_dismissible (:boolean) - Show close button. Defaults to false.
• heading_text (:string) - Alert heading text (shorthand for :heading slot). Defaults to nil.
• theme_color (:string) - Theme color 1-9. Defaults to nil. Must be one of nil, "1", "2", "3", "4", "5", "6", "7", "8", or "9".
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• icon - Alert icon (wraps content in pa-alert__content).
• heading - Alert heading (h4) - overrides heading_text.
• list - Alert list items (wrapped in ul.pa-alert__list).
• actions - Action buttons.
• inner_block (required)

@spec dismiss_alert(String.t()) :: Phoenix.LiveView.JS.t()

Returns a JS command that dismisses an alert by hiding it with a fade transition.