Events
Custom Events
Animotion provides on:in and on:out events for the
<Slide>
and <Step> components if you want to use JavaScript to trigger some behaviour.
<script>
import { Presentation, Slide, Vertical } from '@components'
</script>
<Presentation>
<Slide>
<p class="text-[100px] font-semibold">Events</p>
</Slide>
<Slide
on:in={() => alert('slide in')}
on:out={() => alert('slide out')}
>
<p class="text-[100px] font-semibold">Slide</p>
<Step
on:in={() => alert('step in')}
on:out={() => alert('step out')}
>
Step
</Step>
</Slide>
</Presentation>