Svelte default transition not work on f7 component

1

How to apply default svelte transition effect to framework7 component.

For example:
If I want to apply fadeIn transition to Link component then how can I apply?

<Link transition:fade>MyLink</Link>

Reference Link:

2

Svelte transitions are meant for pure html elements, they don’t work on components.
All you have to do is to wrap your component in a div:

<div transition:fade={{duration:200}}>
   <Link>MyLink</Link>
</div>
1 Like
3

Thanks for suggestion.

I have already use this.