Questions tagged [shadcnui]

No instructions are available for utilizing this tag … at the moment!

I'm facing challenges in getting my server action to trigger. The error message that keeps popping up is unexpected submission of a React form

I have been working on developing a registration form using Next.js, react-hook-form, and Zod. Here is the code snippet for the form component: 'use client'; import { z } from "zod"; import { useRef } from "react"; import { u ...

The Sheet module of shadcn UI fails to close as expected

I am currently developing a basic navigation bar using Next.js along with the sheet component from shadcnui to manage the mobile version of the navigation. After clicking on a link in the mobile navbar, I get redirected correctly to the respective page. H ...

Struggling to Enable Dark Mode in Next.js Application within App Folder

I'm currently troubleshooting the implementation of dark mode functionality in my Next.js project using the new app directory structure. Despite successfully registering click events on the toggle button for theme switching (as seen in console logs), the t ...

Exploring the functionality of multiple checkboxes in Next.js 14, the zod library, shadcn/ui components, and react-hook

I'm currently working on a form for a client where one of the questions requires the user to select checkboxes (or multiple checkboxes). I'm still learning about zod's schema so I'm facing some challenges in implementing this feature. I have experimented w ...

What is the process for installing the shadcn component library with yarn or npm?

My latest project involves creating a Notion-inspired app using Next.js and the shadcn/ui library from [https://ui.shadcn.com/]. I attempted to add shadcn/ui to my project using npm and yarn, but encountered some difficulties along the way. ...

Having trouble setting up next-themes on my device

I have been attempting to incorporate the shadcn dark mode ui, but unfortunately, I am facing difficulties in downloading the package. Upon running npm i next-themes in the terminal, this is the output that I receive: $ npm i next-themes up to date, aud ...

Tips for styling the Button component in the shadcn/ui library for maximum impact

I'm currently working on a project using the shadcn/ui library. How can I properly customize it to meet my specific needs? For example, let's say I require an extra large red rounded Button for a call-to-action button in my project. What would be the best ...

Failed to install components due to EACCES error, permission denied while trying to create directory '/components'

Currently, I am utilizing shadcn/ui components to develop the frontend for my NextJS 14 project. However, upon attempting to add any component using the command: npx shadcn-ui@latest add navigation-menu, I encountered an error on Ubuntu 22.04. Despite try ...