FormidableLabs / FormidableLabs/spectacle

useSteps and animations

Open
#1,229 6 comments 0 reactions 0 assignees View on GitHub
🤔 Question
Dominant language
TypeScript
Stars
10.2k
Forks
700
PR merge metrics
No merged PRs in 30d

Description

Hi,
I am looking for the best way to do an animation.
I want to have two columns. Left are 4 bullet points on the right is one image.
![CleanShot 2022-09-20 at 16 55 15](https://user-images.githubusercontent.com/20935138/191292181-c0c80e9d-2dc1-434d-b5dd-a8f3033b1739.png)
With the next step, (which I here need to trigger manually for the framer motion rectangle `bg-red-200` animation) the rectangle moves down, the next text (bullet point) appears and a new image should appear on the right-hand side.
![CleanShot 2022-09-20 at 16 57 26](https://user-images.githubusercontent.com/20935138/191292629-75d69ed3-31fd-4c97-b153-dc2dcbf55217.png)

Thanks for your help.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.