update documentation to include axis information

pull/6183/head
Theo-Steiner 5 years ago committed by Theodor Steiner
parent 661fc22e1f
commit 46c490b4e3

@ -768,6 +768,7 @@ Slides an element in and out.
* `delay` (`number`, default 0) — milliseconds before starting * `delay` (`number`, default 0) — milliseconds before starting
* `duration` (`number`, default 400) — milliseconds the transition lasts * `duration` (`number`, default 400) — milliseconds the transition lasts
* `easing` (`function`, default `cubicOut`) — an [easing function](/docs#run-time-svelte-easing) * `easing` (`function`, default `cubicOut`) — an [easing function](/docs#run-time-svelte-easing)
* `axis` (`x` | `y`, default `y`) — the axis of motion along which the transition occurs
```sv ```sv
<script> <script>
@ -776,8 +777,8 @@ Slides an element in and out.
</script> </script>
{#if condition} {#if condition}
<div transition:slide="{{delay: 250, duration: 300, easing: quintOut }}"> <div transition:slide="{{delay: 250, duration: 300, easing: quintOut, axis: 'x'}}">
slides in and out slides in and out horizontally
</div> </div>
{/if} {/if}
``` ```

Loading…
Cancel
Save