Modal

Modal component for dialog overlays and popups.

To use async Modal component, you need to have a <turbo-frame id='modal'> in your layout
<%= turbo_frame_tag :modal %>

And wrap response content with the modal component:

<%= render Ui::Modal::Component.new(title: "Title HERE") do %>
  ...
<% end %>

Example

Sync Modals

Dialog content

Dialog content 2