Alert

<%= render "ui/alert" do %>
  <%= render "ui/alert/title" do %>Heads up!<% end %>
  <%= render "ui/alert/description" do %>You can add components to your app using the CLI.<% end %>
<% end %>

<%= render UI::Alert.new do %>
  <%= render UI::AlertTitle.new { "Heads up!" } %>
  <%= render UI::AlertDescription.new { "You can add components to your app using the CLI." } %>
<% end %>

<%= render UI::AlertComponent.new do %>
  <%= render(UI::AlertTitleComponent.new) { "Heads up!" } %>
  <%= render(UI::AlertDescriptionComponent.new) { "You can add components to your app using the CLI." } %>
<% end %>

<%= render "ui/alert", variant: :destructive do %>
  <%= render "ui/alert/title" do %>Error<% end %>
  <%= render "ui/alert/description" do %>Your session has expired. Please log in again.<% end %>
<% end %>

<%= render UI::Alert.new(variant: :destructive) do %>
  <%= render UI::AlertTitle.new { "Error" } %>
  <%= render UI::AlertDescription.new { "Your session has expired. Please log in again." } %>
<% end %>

<%= render UI::AlertComponent.new(variant: :destructive) do %>
  <%= render(UI::AlertTitleComponent.new) { "Error" } %>
  <%= render(UI::AlertDescriptionComponent.new) { "Your session has expired. Please log in again." } %>
<% end %>