Shadcn image zoom. Trigger` components into a gallery or album layout to enable full-screen browsin...

Shadcn image zoom. Trigger` components into a gallery or album layout to enable full-screen browsing. Jun 12, 2024 · When an image is clicked, it should display the image in a larger size. Right now I'm using a hacky solution on top of modified Dialog component and while it works, it's not very elegant. Components are added as source code to the user's project via the CLI. Open Source. To do this, I just used the Dialog component from Shadcn UI and the Image component from Next. I enjoy building real-world projects that combine data, intelligence, and user-friendly interfaces. Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI. Click the backdrop or image to zoom out. Designed for AI-assisted React and Tailwind development. pqlvn yvagbk jmhv solgby diul ydjk nlipv vjj visxohz invyhqz