Questions tagged [shadcnui]
Collection of JavaScript UI components that can be copied and pasted into applications.
shadcnui
237
questions
0
votes
0
answers
13
views
the shacdn/ui install command not intepret @ correctly to /src
i want to ask and i need help with this
i tried to follow the documentations of the latest shacn/ui using vite
but when i ran this command npx shadcn-ui@latest init
it seems not installing components ...
0
votes
0
answers
14
views
How to render shadcn drawer component in a container and not the entire viewport?
In my app I want to render the shadcn drawer component in a specific container and not the entire viewport, how can I achieve this? I've tried editing the CSS class applied and even looked at the vaul ...
-2
votes
0
answers
22
views
Shadcn/UI custom checkbox [closed]
I'm trying to recreate the checkbox below using shadcn/ui and tailwind but I have no clue on how to do it. It's suposed to be the hover state of the checkbox. I know how to change the the BG, focus, ...
0
votes
0
answers
9
views
shadcn storing state in searchParam queries and nextjs 14
i have a shadcn form component that has Dialog, inside is is a form with Select,input, textArea, updloadPicture ( with uploadthing) and Switch. in another component i set a query to call a my api ...
0
votes
0
answers
27
views
Next. JS 14 and Shadcn-ui set default theme as dark
so i got this error and not have a single idea to solve it. I used chatgpt and codeium, and both are not helping.
error message :
InvalidCharacterError: Failed to execute 'add' on 'DOMTokenList': The ...
0
votes
1
answer
44
views
Import aliasing won't work in Vite (React, Typescript) boilerplate
I installed shadcn/ui into my vite boilerplate following the docs. But the compiler didn't seem to recognize the aliasing.
Note: typescript has more than one config file, namely: tsconfig.json, ...
1
vote
1
answer
64
views
Date Selection Issue with Shadcn Calendar Component in User Modal in Next JS
I'm encountering an issue with date selection in a modal using a custom Calendar component. Here's my setup:
I have a UserModal component where I'm using react-hook-form for form management and zod ...
-1
votes
0
answers
23
views
Tailwind CSS: Different Font Sizes for Laptop and Tablet
I'm working on a React project where I need to display different font sizes for specific elements depending on whether the user is on a tablet or a laptop. Here is a simplified version of my component:...
0
votes
1
answer
68
views
onSelect not working on commandInput of shadcn
I am using shadcn for a React.js project of my own. I am trying to create a component with Popover and Command, Command items components from shadcn. However the onSelect inside the CommandItem are ...
1
vote
0
answers
24
views
Opening Dialog Inside DropDownMenu Shadcn UI React JS
I am trying to have a button in my DropDownMenu from Shadcn UI that opens a Dialog component.
I have two options.
I trigger the Dialog from the DropDownMenuItem component
I trigger the Dialog from a ...
0
votes
0
answers
27
views
ShadCn Combobox on Form - onSelect (from CommandItem) does not connect the selected value from Combobox with the defined field on the form
my issue with the ShadCn Combobox on Form is that onSelect (from CommandItem) cannot connect the value from Combobox with the form's field.
The constant for Combobox is called - serviceCategories.
...
1
vote
1
answer
444
views
Shadcn Warning: Missing `Description` or `aria-describedby={undefined}` for {DialogContent}
I'm getting the following warning in my JavaScript console every time I open my Sheet component.
Warning: Missing Description or aria-describedby={undefined} for {DialogContent}.
I'm confused ...
0
votes
1
answer
439
views
Shadcn `DialogContent` requires a `DialogTitle` for the component to be accessible for screen reader users
I'm getting the following error in my JavaScript console every time I open my Shadcn Sheet component
DialogContent requires a DialogTitle for the component to be accessible for screen reader users.
...
0
votes
0
answers
20
views
I'm getting an error when trying to install and configure Next.js with shadcn ui
screenshot of VS code giving error
This is the error message that it is giving:
PS C:\Users\mcken\OneDrive\Desktop\Codedex\GHW> npx shadcn-ui@latest init
>>
node:fs:573
return ...
0
votes
0
answers
18
views
Tailwind CSS Flexbox/Grid Layout Issues on iOS and macOS Safari using Next Js
I'm developing a website using Next.js and Tailwind CSS. While the layout works perfectly on most browsers, I'm encountering rendering issues specifically on iOS and macOS Safari. The layout is based ...