We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 0891495 commit 0d7f6fbCopy full SHA for 0d7f6fb
site/content/tutorial/10-transitions/03-in-and-out/text.md
@@ -2,7 +2,13 @@
2
title: In and out
3
---
4
5
-Instead of the `transition` directive, an element can have an `in` or an `out` directive, or both together:
+Instead of the `transition` directive, an element can have an `in` or an `out` directive, or both together. Import `fade` alongside `fly`...
6
+
7
+```js
8
+import { fade, fly } from 'svelte/transition';
9
+```
10
11
+...then replace the `transition` directive with separate `in` and `out` directives:
12
13
```html
14
<p in:fly="{{ y: 200, duration: 2000 }}" out:fade>
0 commit comments