<.button phx-click={Fluxon.open_dialog("modal-placement-top")}>Top</.button>
<.modal
id="modal-placement-top"
class="max-w-3xl"
placement="top"
animation_enter="opacity-100 translate-y-0"
animation_leave="opacity-0 translate-y-10"
>
<h3 class="text-lg font-semibold dark:text-zinc-100">Top</h3>
<p>This is a modal with a top placement.</p>
</.modal>
<!--
Available placements:
top, bottom, left, right,
full-left, full-right,
full-top, full-bottom
-->