Sha256: 3c65cd838d40f79c7e244e138ee7d0d09062a7323aee87a7615a85ab3668431a
Contents?: true
Size: 1.35 KB
Versions: 11
Compression:
Stored size: 1.35 KB
Contents
<p class="leading-7 [&:not(:first-child)]:mt-6">The Dialog component introduces:</p>
<ul class="my-6 ml-6 list-disc [&>li]:mt-2 text-sm">
<li><%= code("app/helpers/components/dialog_helper.rb") %></li>
<li><%= code("app/views/components/ui/_dialog.html.erb") %></li>
<li><%= code("app/javascript/controllers/ui/dialog_controller.js") %></li>
</ul>
<p class="leading-7 [&:not(:first-child)]:mt-6">
The method <%= code("render_dialog") %> defined in <%= code("app/helpers/components/dialog_helper.rb") %>
accepts a blog for the inner components of the dialog.It renders the partial
<%= code("app/views/components/ui/_dialog.html.erb") %> which contains the model structure and
a close button.
</p>
<p class="leading-7 [&:not(:first-child)]:mt-6">
The modal is composed of two components with corresponding helper methods, <%= code("dialog_trigger") %>,
which accepts a block for the element that will trigger the modal, and <%= code("dialog_content") %>,
which accepts a block for the body of the modal.
</p>
<p class="leading-7 [&:not(:first-child)]:mt-6">
<%= code("dialog_trigger") %> and <%= code("dialog_content") %> must be called nested within
<%= code("render_dialog") %>
<p class="leading-7 [&:not(:first-child)]:mt-6">
<%= code("app/javascript/controllers/ui/dialog_controller.js") %> is a stimulus controller that provides
the functionality of the modal.</p>
Version data entries
11 entries across 11 versions & 1 rubygems