You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.4 KiB
35 lines
1.4 KiB
<dialog id="front-dialog" class="modal">
|
|
<div class="modal-box bg-base-200">
|
|
<h3 data-modal="title" class="text-lg font-bold">Front Dialog</h3>
|
|
|
|
<p class="mb-6">
|
|
This is a centered dialog using the HTML dialog element with Tailwind CSS.
|
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro quisquam
|
|
enim blanditiis iusto neque accusantium minus, aspernatur ex eius at.
|
|
Aliquam nam ex sit vel nesciunt qui ducimus velit nulla.
|
|
</p>
|
|
|
|
<form method="dialog" class="modal-action">
|
|
<%= content_tag :button, 'Cancel', value: :cancel, class: "btn btn-ghost" %>
|
|
<%= content_tag :button, 'OK', value: :confirm, class: "btn btn-primary" %>
|
|
</form>
|
|
</div>
|
|
</dialog>
|
|
|
|
<dialog id="remote-dialog" class="modal">
|
|
<div class="modal-box bg-base-200">
|
|
<h3 data-modal="title" class="text-lg font-bold">Remote Dialog</h3>
|
|
|
|
<p class="mb-6">
|
|
This is a centered dialog using the HTML dialog element with Tailwind CSS.
|
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro quisquam
|
|
enim blanditiis iusto neque accusantium minus, aspernatur ex eius at.
|
|
Aliquam nam ex sit vel nesciunt qui ducimus velit nulla.
|
|
</p>
|
|
|
|
<form method="dialog" class="modal-action items-end text-center">
|
|
<%= content_tag :button, 'Cancel', value: :cancel, class: "btn btn-ghost" %>
|
|
<%= content_tag :button, 'OK', value: :confirm, class: "btn btn-primary" %>
|
|
</form>
|
|
</div>
|
|
</dialog>
|