Stagger, Sequence animations and communicate between components using overrides

Let’s dive deeper into animations and overrides between components. We’re going to push our prototype to greater heights with variants, stagger, the interactive Page component and using await to sequence your animations.

Stagger Animation

This is a popular animation technique that shows animation in an order. Please note that text, code components can’t have overrides, so you’ll have to put them in a new Frame (Command + Enter).

Pagination

You can use the onChangePage event from Page component to build a custom pagination design with any animation that you want.

Sequence

Using async and await, you can order your animation calls the way you want.