Component Transitions
Add transitions to create interactive component that change states like toggles, checkmarks, radio buttons and even component with auto-playing animations, like loaders. All this can be done linking component variants with each other.
Linking Variants
Let’s consider a toggle, for example. After creating an ‘on’ and ‘off’ variants, you can link each other via the bolt connector to change their state on click. Then quickly preview to test out your component interaction.
Tweaking Transitions
After linking 2 or more variants, you can tweak the animation between them by clicking on ‘Transition’, in the properties panel. You can then choose between spring and ease curves, and tweak the parameters to your liking.
Related Articles
Component Creation
Component Variants
Component Variables
Component Sharing
