Alert

<%# Positional type (recommended) %>
<%= rui_alert(:info) do %>
  This is an informational message.
<% end %>

<%= rui_alert(:success, title: "Success!") do %>
  Your changes have been saved.
<% end %>

<%# Keyword argument also works %>
<%= rui_alert(type: :info, title: "Note") { "..." } %>

<%= rui_alert(:default, title: "Default") { "..." } %>
<%= rui_alert(:info, title: "Info") { "..." } %>
<%= rui_alert(:success, title: "Success") { "..." } %>
<%= rui_alert(:warning, title: "Warning") { "..." } %>
<%= rui_alert(:danger, title: "Danger") { "..." } %>
<%= rui_alert(:primary, title: "Primary") { "..." } %>

<!-- Semantic colors with variants -->
<%= rui_alert(:info, color: :primary, variant: :soft) { "Custom primary color" } %>
<%= rui_alert(:info, color: :success, variant: :solid) { "Custom success color" } %>
<%= rui_alert(:info, color: :danger, variant: :outline) { "Custom danger color" } %>

<!-- Tailwind colors (all supported!) -->
<%= rui_alert(:info, color: :red, variant: :soft) { "Red alert" } %>
<%= rui_alert(:info, color: :blue, variant: :solid) { "Blue alert" } %>
<%= rui_alert(:info, color: :purple, variant: :outline) { "Purple alert" } %>
<%= rui_alert(:info, color: :pink, variant: :soft) { "Pink alert" } %>

<%= rui_alert(:info, variant: :soft) { "..." } %>
<%= rui_alert(:info, variant: :solid) { "..." } %>
<%= rui_alert(:info, variant: :outline) { "..." } %>

<%= rui_alert(:info, size: :xs) { "..." } %>
<%= rui_alert(:info, size: :sm) { "..." } %>
<%= rui_alert(:info, size: :base) { "..." } %>
<%= rui_alert(:info, size: :lg) { "..." } %>
<%= rui_alert(:info, size: :xl) { "..." } %>

<%= rui_alert(:info, shape: :square) { "..." } %>
<%= rui_alert(:info, shape: :rounded) { "..." } %>
<%= rui_alert(:info, shape: :pill) { "..." } %>

<%= rui_alert(:warning, border_position: :left) { "..." } %>
<%= rui_alert(:danger, border_position: :top) { "..." } %>
<%= rui_alert(:success, border_position: :bottom) { "..." } %>

<%= rui_alert(:danger, messages: "Email is required") %>

<%= rui_alert(:danger, title: "Errors:", messages: [
  "Email is required",
  "Password must be at least 8 characters"
]) %>

<%= rui_alert(:info, dismissible: true, title: "Dismissible") do %>
  Click the X to dismiss.
<% end %>

<%= rui_alert(:success, auto_dismiss: true, dismiss_after: 10) do %>
  This will disappear in 10 seconds.
<% end %>

<%= rui_alert(:info, title: "Custom Icon") do |alert| %>
  <%= alert.with_icon(:bell) %>
  Custom icon content.
<% end %>

<%= rui_alert(:warning, show_icon: false) do %>
  No icon shown.
<% end %>

<%= rui_alert(:warning, title: "Confirm") do |alert| %>
  <% alert.with_action("Confirm", variant: :solid) %>
  <% alert.with_action("Cancel") %>
  Are you sure?
<% end %>

<%= rui_alert(:warning,
      title: "Post Deleted",
      undo_url: undo_post_path(@post),
      auto_dismiss: true,
      dismiss_after: 10) do %>
  Your post has been moved to trash.
<% end %>

<%# With custom HTTP method %>
<%= rui_alert(:warning,
      undo_url: restore_path(@item),
      undo_method: :patch) do %>
  Item archived. Click Undo to restore.
<% end %>

<%# Click anywhere to navigate (uses Turbo) %>
<%= rui_alert(:info,
      title: "New Comment",
      href: post_path(@post, anchor: "comments")) do %>
  John replied to your post. Click to view.
<% end %>

<%# Target a Turbo Frame %>
<%= rui_alert(:info,
      title: "New Message",
      href: message_path(@message),
      turbo_frame: "message-panel") do %>
  You have a new message.
<% end %>

<%# Animations enabled by default for dismissible alerts %>
<%= rui_alert(:success, dismissible: true) do %>
  Animates in and out.
<% end %>

<%# Disable animations %>
<%= rui_alert(:info, animate: false, dismissible: true) do %>
  No animation.
<% end %>

<%# Force animations on static alerts %>
<%= rui_alert(:info, animate: true) do %>
  This static alert will animate in.
<% end %>

# posts_controller.rb - Context-aware flash messages

def create
  @post = Post.new(post_params)
  if @post.save
    # Different message based on status
    if @post.status == "published"
      flash[:success] = "Post published successfully!"
    elsif @post.status == "draft"
      flash[:info] = "Post saved as draft."
    else
      flash[:success] = "Post created successfully!"
    end
    redirect_to @post
  else
    render :new, status: :unprocessable_entity
  end
end

def update
  if @post.update(post_params)
    if @post.status == "published"
      flash[:success] = "Post updated and published!"
    elsif @post.status == "archived"
      flash[:warning] = "Post archived."
    else
      flash[:info] = "Post updated (draft)."
    end
    redirect_to @post
  else
    render :edit, status: :unprocessable_entity
  end
end

def destroy
  @post.destroy
  flash[:warning] = "Post was deleted."  # Warning for destructive action
  redirect_to posts_path
end

def publish
  @post.update(status: "published", published_at: Time.current)
  flash[:success] = "Post is now live!"
  redirect_to @post
end

<%# That's it! One line does everything. %>
<%= rui_flash %>

<%# Basic usage %>
<%= rui_flash %>

<%# With custom wrapper class %>
<%= rui_flash(class: "max-w-2xl mx-auto") %>

<%# Disable auto-dismiss for all %>
<%= rui_flash(auto_dismiss: false) %>

<%# Custom dismiss timing %>
<%= rui_flash(dismiss_after: 10) %>

<%# With custom variant %>
<%= rui_flash(variant: :outline) %>

<%# Limit max visible messages (shows "and X more") %>
<%= rui_flash(max: 3) %>

<%# Toast-style positioning %>
<%= rui_flash(position: :top_right) %>
<%= rui_flash(position: :bottom_center) %>

<%# That's it! One line does everything. %>
<%= rui_errors(@post) %>

<%# With custom title %>
<%= rui_errors(@user, title: "Please fix these issues:") %>

<%# With custom styling %>
<%= rui_errors(@post, variant: :outline, border_position: :left) %>

<%= form_with(model: @post) do |f| %>
  <%= rui_errors(@post) %>

  <!-- form fields -->

  <%= f.rui_button(color: :success) %>
<% end %>

<%# app/views/layouts/application.html.erb %>
<body>
  <%= rui_flash_container(position: :top_right) %>

  <%= yield %>
</body>

<%# In a turbo_stream.erb view %>
<%= turbo_stream.prepend "rui-flash-container" do %>
  <%= rui_alert_turbo(:success, title: "Saved!", messages: "Changes saved.") %>
<% end %>

<%# In controller %>
respond_to do |format|
  format.turbo_stream do
    render turbo_stream: turbo_stream.prepend(
      "rui-flash-container",
      helpers.rui_alert_turbo(:success, messages: "Done!")
    )
  end
end

# In a background job or controller
Turbo::StreamsChannel.broadcast_prepend_to(
  current_user,
  target: "rui-flash-container",
  html: helpers.rui_alert_turbo(:info,
    title: "New Message",
    messages: "You have a new message.",
    href: messages_path
  )
)

// Listen for dismiss events
document.addEventListener("alert:dismissed", (event) => {
  console.log("Alert dismissed:", event.detail.element)
})

// Listen for undo events
document.addEventListener("alert:undo", (event) => {
  console.log("Undo clicked:", event.detail.element)
})

<%= rui_alert(:success, title: "Success!") do %>
  Your changes have been saved successfully.
<% end %>

<%= rui_alert(:warning, title: "Changes Not Saved", dismissible: true) do %>
  Please review the errors before proceeding.
<% end %>

<%= rui_alert(:danger, title: "Action Required", dismiss_after: 0) do %>
  Your session will expire in 5 minutes.
<% end %>

<%= rui_alert(:success, title: "Post Published", undo_url: undo_post_path(@post)) %>
<!-- Announces "Undo" as actionable button -->