Video: Animating Our Accordion With the Web Animations API
Building Svelte Components
Released: 2021-06-30
-
1. Getting Started
undefined
-
2. Creating a Toggle
14m42s
-
3. A More Configurable Toggle
undefined
-
4. Accordion with Mounting and Unmounting
undefined
-
5. Accordion Without UnMounting with Actions Part 1
undefined
-
6. Animating Our Accordion With the Web Animations API
14m28s
-
7. Search Filter with Reactive Statements
13m52s
-
8. Search List Input
14m0s
-
9. Fancy Input
16m39s
-
10. Markdown Input
11m29s
-
11. Making A Portal
10m40s
-
12. Making A Modal
14m32s
-
13. Advanced Custom Stores With a Toast Message
14m55s
-
14. Flip and Transition Animations with Toast Messages
9m41s
-
15. Using Tweened As a Timeout
10m37s
-
16. Complex State Updates With Toast Messages
11m3s
-
17. Dismiss-able Toasts and Error Toasts
undefined
-
18. Click Outside Action
11m45s
-
19. Storybook with Svelte Kit
10m24s
-
20. Storybook With Updating Props
6m19s
-
21. Creating an NPM Package With Svelte Kit
5m23s
-
22. Where To Go From Here
2m15s
Animating Our Accordion With the Web Animations API
Now that we have updated our accordion component, we still need to get the animation working for it so we will use the web animations API to accomplish that.