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.
24 lines
1006 B
24 lines
1006 B
<dialog
|
|
id="main-dialog"
|
|
class="
|
|
top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2
|
|
bg-base-200 shadow-md rounded-lg
|
|
p-6 text-primary ring-2 shadow-md
|
|
backdrop:backdrop-grayscale backdrop:backdrop-blur-[0.1em]
|
|
animate-aurora
|
|
"
|
|
>
|
|
<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-accent ring-2 hover:ring-3", command: 'close', commandfor: 'main-dialog' %>
|
|
<%= button_link_to 'Cancel', value: 'cancel', class: "btn btn-primary ring-2 hover:ring-3", command: 'close', commandfor: 'main-dialog' %>
|
|
</div>
|
|
</dialog>
|