+page.svelte

<script>
	import { Modal, modalStore } from '@skeletonlabs/skeleton';

	function triggerAlert() {
		const alert = {
			type: 'alert',
			title: 'Example Alert',
			body: `<div class = "pb-12 h-60 overflow-auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at mauris ut nisl molestie eleifend ac a neque. Nunc sit amet malesuada orci. Sed id consequat neque. Pellentesque vel urna varius, fringilla odio et, congue diam. Nulla facilisi. Donec gravida, erat nec pharetra placerat, metus neque tincidunt tortor, feugiat luctus mauris ligula molestie purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras condimentum hendrerit erat at egestas. Quisque porta diam ante, vitae mollis lorem tristique in. In vel dolor auctor nunc interdum laoreet vel sed nisi. Aliquam tincidunt tempus ornare. Nunc nisl libero, ornare id augue ac, molestie pulvinar nibh. Quisque diam purus, sodales nec erat ut, varius porttitor nulla. <br /><br /><a href="https://google.com">href</a></div>`,
			buttonTextCancel: 'Cancel'
		};
		modalStore.trigger(alert);
	}
</script>

<Modal />

<div class="container h-full mx-auto flex justify-center items-center">
	<button class="btn variant-filled-primary btn-base" on:click={triggerAlert}> Open Modal </button>
</div>