310
questions
0
votes
0
answers
8
views
Input Field Shows "Selected" Value When Dialog Opens - React Hook Form Or ShadcnUI Issue
I'm facing an issue where the value in an input field inside a dialog is displayed as "Selected" when the dialog opens. I’m using React Hook Form and Zod for form validation. Here’s a ...
0
votes
0
answers
18
views
PhpStorm doesn't show warning when component isn't imported Vue 3
I recently added shadcn/vue to my Vue 3 project (Laravel/InertiaJS).
I've init the project with the shadcn/vue cli
I added a component, the Dropdown, with the CLI.
And now when using the component in ...
0
votes
1
answer
33
views
Does shadcn/ui SelectTrigger click event blocked when another SelectContent opening?
Like the tiltle said, I have two shadcn/ui Select components, when SelectContent2 opening then i click to SelectTrigger1 the content of of SelectContent1 doesn't show immediately. Does it contain any ...
0
votes
1
answer
48
views
React-hook-form: how to add logic to the onChange property in a custom input
I am working in a project using react with typescript, and I'm using react-hook-form and the form component that comes with shadcn/ui: https://ui.shadcn.com/docs/components/input#form .
For my case, I ...
0
votes
0
answers
16
views
How to recreate Shadcn's command search menu by fetching data from my database?
I am trying to recreate the shadcn-ui command search menu, but this time using the data right from the database. At first, I thought it would be easy for me, but then it got a little complicated. I ...
0
votes
0
answers
19
views
How to use two primary color in shadcn?
I have three admin panels in a Next.js app using Shadcn, and each panel has a unique primary color. Is there a way to change the Shadcn primary color for each panel independently?
I was considering ...
0
votes
0
answers
18
views
How to disable vertical carousel scroll when items are over?
On mobile devices the carousel prevents natural page scroll
Is there a way to resume natural page scroll when items are over?
Code:
"use client"
import { useEffect, useState } from "...
0
votes
1
answer
13
views
The Accordion is getting close when I edit it
When I'm trying to edit the playlist name, The accordion is getting closed, and when my mouse is active on the input field on the playlist name input field, and if I hit spacebar on the keyboard, it ...
0
votes
1
answer
28
views
ShadCN UI combobox, how to passing data from them?
i have a component combobox shadcn with nextjs, the components put in the form, how i can see the value like id='student' name='student' in console.log when submit
this my sourcecode
"use client&...
0
votes
2
answers
40
views
npx shadcnui@latest init button input is not working
When I am typing npx shadcnui@latest init button input in my nexjs app it gives the error:
npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/shadcnui - Not found npm ERR! 404 ...
0
votes
3
answers
50
views
Toast notification not triggering in Next.js contact form despite successful route and form submission
I'm working on a contact form in Next.js with server-side email functionality. The form submission is working correctly, and the email is sent successfully (verified via the network and console logs). ...
0
votes
0
answers
35
views
How to fix the shadcn hover card position bug?
I'm trying to put this hovercard on trigger of my sidebar tab but when the hovercard appears it gets positioned below the relative positioned element. I'm new to next.js. How can I make it work? The ...
4
votes
1
answer
969
views
Tailwind error when installing shadcn in Vite React App
I was setting up shadcn in a React App using Vite by using the following command: npx shadcn@latest init
and I received an error (please see error below). I had installed tailwind and did setup as ...
0
votes
0
answers
30
views
Shadcn select creating unnecessary white space at bottom of page
Depending on where I put a select component or any component that uses a popper, it creates an unnecessary white space at the bottom of the page. The select is within a div that has a custom overflow ...
0
votes
0
answers
28
views
This Form is a children in a Dialog from shadcn, i wan't it to close when the form is successfully submited
import {
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
} from '@/components/ui/form'
import { Input } from '@/components/ui/input'
import { useForm } from 'react-hook-...