react-tailwind

react-tailwind copied to clipboard

Right now, the Dropdowns appears suddenly when you click the elements with them. We want to change this behavior and make them appear with some nice transition. Here are a few examples of what we're looking todo (they are the same as for the Tooltips, but they should work on click, not on hover):

• https://www.javatpoint.com/oprweb/test.jsp?filename=css-tooltip-animation (but a bit faster with the transition)
• https://webdesign.tutsplus.com/tutorials/css-tooltip-magic--cms-28082 (these are quite nice, with the movement towards the place they are going to be rendered)
• https://tympanus.net/Development/TooltipAnimations/ (the best to the last place <3 )
• We could make use of one of these from tailwindcss:
• • https://tailwindcss.com/docs/transition-property/
• • https://tailwindcss.com/docs/transition-delay/
• • https://tailwindcss.com/docs/transition-property/
• • https://tailwindcss.com/docs/translate/