I came across a tweet that had different kinds of switches. It was built with Framer motion and TailwindCSS.
I thought it would be a good idea to build it as a component and share it with the community.
Basic idea is to use the
height property and animate them as and when the toggle button is clicked. Based on the
checked state, we can animate the
x property of the toggle button.