search

creativetimofficial / material-tailwind

@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
https://material-tailwind.com/
MIT License
3.51k stars 306 forks source link

How to disable animation for Accordion? #561

Closed sebkasanzew closed 4 months ago

sebkasanzew commented 5 months ago

I want to disable the "open"-animation of the <Accordion />.

Overriding the animation prop doesn't work and only leads to a stuttering animation:

<Accordion
  open={isOpen}
  animate={{
    unmount: {
      height: '0',
      transition: { duration: 0 },
    },
    mount: {
      height: 'auto',
      transition: { duration: 0 },
    },
  }}
>
{/* ... */}

Is there another way without modifying the source code?