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.
21 lines
887 B
21 lines
887 B
<dialog
|
|
id="main-dialog"
|
|
class="
|
|
top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 shadow-2xl
|
|
backdrop:bg-primary-content/80 rounded-lg p-6 animate-fade-in
|
|
"
|
|
>
|
|
<h2 data-modal="title" class="text-2xl font-bold mb-2">Dialog Title</h2>
|
|
|
|
<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>
|
|
|
|
<div class="flex gap-2 justify-end">
|
|
<%= button_link_to 'OK', autofocus: true, value: 'confirm', class: "btn btn-primary", command: 'close', commandfor: 'main-dialog' %>
|
|
<%= button_link_to 'Cancel', value: 'cancel', class: "btn btn-neutral", command: 'close', commandfor: 'main-dialog' %>
|
|
</div>
|
|
</dialog>
|