Questions tagged [shadcnui]
Collection of JavaScript UI components that can be copied and pasted into applications.
shadcnui
250
questions
2
votes
1
answer
16
views
Issue with Custom Slider Component: Thumbs Not Moving on onValueChange Event
I have a custom slider component in my React application where I've added two thumbs using the SliderPrimitive from @radix-ui/react-slider. The issue I'm facing is that whenever I add the ...
0
votes
1
answer
26
views
Shadcn UI disappear when changing state inside Dialog component (NextJS v14) App Router
I want to give simple loading state using useState hook inside Dialog component.
However, changing the isResultReturned state from false to be true will make the dialog disappear. And I also see the ...
0
votes
0
answers
25
views
Shadcn-vue Dialog issue
The issue is that when I click Edit or Delete, both dialogs pop up, which obiously shouldn't be the case.
<Dialog>
<Table v-if="credentialsList">
<TableCell>
&...
0
votes
0
answers
30
views
Grid System - Variable Card Height [duplicate]
I have been trying to make the card's height flexible according to the image but all my efforts have been in vain.
https://i.imgur.com/6SQBGtp.png
enter image description here
Above is the actual ...
0
votes
0
answers
20
views
vulnerabilities after running "npm install shadcn-ui"
When I went to run npm install shadcn-ui, I ran into an issue where lodash.template would cause two high severity vulnerabilities after installation. Previously, when fixing this issue I would refer ...
0
votes
0
answers
11
views
Next.js 14 / Shadcn - Adding vertical scroll bar to a preview image
How do I add a vertical scroll bar to a preview image?
I have tried adding the following code but failed.
<ModalDocumentView isOpen={isOpen} onClose={onClose}>
<div className="...
0
votes
3
answers
38
views
Shadcn DropdownMenuTrigger asChild wont show children
I have a situation where I want to use shadcn Button as a trigger for DropdownMenu, and when I make DropdownMenuTrigger asChild, it wont render the children.
I understand that there needs to be ...
0
votes
0
answers
36
views
shadcn formfield issue with updating an array (react hook form)
Im using cloudinary widget to upload images. I display the images as a preview in my form so i can send it to the database. The problem that occurs is that only 1 image is displayed so my array with ...
0
votes
0
answers
13
views
Zod Schema: Detect if a field is optional in the front-end
I'm using Zod validation for my form schemas, and Schadcn-UI's Form to build my forms. I've extracted the form <FormField /> into its own component. I would like to automatically detect if a ...
-1
votes
0
answers
35
views
How to make a tooltip for a column in a table if the text in the column is larger than 250 pixels
I am using tailwind and shadcn for development.
My idea is that if the text in a column is larger than a certain number of pixels, it should be possible to see a tooltip from the shadcn library for ...
0
votes
0
answers
28
views
tailwindCSS not working in nextJS and Shadcn project
None of the tailwind classnames are working in this project.
I have one of each file like components.json, globals.css, and tailwind.config.ts, and the globals.css is imported in the layout.tsx file ...
0
votes
0
answers
53
views
tailwind not working with nextjs, shadcn components
I have a NextJS project using shadcn-ui components, but after adding tailwindCSS, none of the styling shows up when trying classnames.
I have configured the components.json, tailwind.config.ts, and ...
0
votes
0
answers
41
views
Open/Close a Sheet component from shadcn-vue using a button in a parent component
I am using Nuxt and have added a Sheet component from shadcn-vue (https://www.shadcn-vue.com/docs/components/sheet.html) into my project. The example provided in the documentation uses a SheetTrigger ...
0
votes
0
answers
19
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
36
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 ...