Is there a way to apply transitions to modals?

[galaczi]

Is there a way to apply transitions to modals? Couldn't find anything on this.

[jjagielka]

Currently not implemented, but what about that dirty workaround?

 <Button on:click={() => (defaultModal = true)}>Default modal</Button>
  {#if defaultModal}
    <div transition:fade>
      <Modal bind:open={defaultModal} autoclose>
        <div slot="header">Terms of Service</div>
        <p class="text-base leading-relaxed">Modal content</p>
      </Modal>
    </div>
  {/if}

[kamranasad7]

Thanks so much! That did the trick for me. Although only sveltekit 'fade' animation worked for me. Other animations were buggy with flowbite-svelte modal.
Thumbs up. Until animations are officially supported.

[eric-blue]

still the best way to do this it seems