Children

children Snippet rendered in the modal element. Can take an optional ModalRemote parameter that you can use within snippet to create interactivity with the modal, like a button you can use to close the modal.

{#snippet children(modal)}
	<button onclick={() => modal.close()}>
		Close modal
	</button>
{/Snippet}

Styling

class string. For styling modal with tailwindcss.

backdropStyles string. For styling modal backdrop with tailwindcss.

Portal

Portal Snippet rendered above the modal element. Like arrows for going right or left.