Does your Sheet (drawer) animation work?

[cwikio]

I am trying to implement the Sheet component and it all works, but it is not animated at all. From the code I would presume it should be animated, but it just appears and disapears. I used the manual way of installing the component. Any suggestions?

[csalmeida]

In my case the animations did not work because the Tailwind Animate package was not installed.

I imported it into tailwind.config.js:

import animate from 'tailwindcss-animate';

And added it to the plugins array:

{
  // config code here 
  plugins: [forms, typography, animate],
  // other code here
}

[shantanu-scaura]

@csalmeida thank you! That worked for me.

In my case, the plugin was added as following:

{
    plugins: [import('tailwindcss-animate')],
}

I do not remember making changes here so I assume it was this way by default - maybe it was updated in the CLI at some point.
Either ways, importing animate specifically from 'tailwindcss-animate' did the trick for me. Thanks again!

import animate from 'tailwindcss-animate'

{
    plugins: [animate],
}

[csalmeida]

That's great, I'm glad it helped and thanks for sharing the steps you followed as well.