switch

Dynamic classes in React

All we need to do to add dynamic CSS is add a string with some variable in className

// Dynamic classes example.
<div className={"some classes" + state variable} >
</div>

Tailwind's classname is transforming the switch-circle

  const myClassName = 'transform translate-x-6';