I’ve a Next JS project using tailwind css and shadcn/ui.

Building a project in Nextjs 14 using tailwind and Shadcn components I ran into an awkward issue, particularly with the Sheet component from Shadcn, making it impossible to style components inside of it. E.g. setting a background color to a Button in a Form inside the Sheet component, the background of the Button becomes completely transparent/white.

I am working on a Sidebar with Next.js, Tailwindcss, Shadcn-ui and i have written almost the same logic for opening the drawer if i click on a Sidebar icon. But i want to close the sidebar if i click again on the sidebar icon but my current code is not working properly. Can someone please look into it and tell where i am doing wrong.

I am working on a Sidebar with Next.js, Tailwindcss, Shadcn-ui and i have written almost the same logic for opening the drawer if i click on a Sidebar icon. But i want to close the sidebar if i click again on the sidebar icon but my current code is not working properly. Can someone please look into it and tell where i am doing wrong.

I was trying to use Aceternity UI’s meteor effect, but it did not work when I tried it in NextJs 14.2.3.