All Questions
129
questions
0
votes
1
answer
28
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 ...
- 39
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
3
answers
43
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 ...
- 655
-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 ...
- 79
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 ...
0
votes
1
answer
62
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, ...
- 47
-1
votes
0
answers
29
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
117
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
36
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 ...
- 2,750
0
votes
0
answers
45
views
Shadcn initialization issue with Vite React
I'm installing shadcn in a React application with Vite, but when following the steps in their documentation, the components are placed inside the @ directory, and I can't use them.
One thing I've ...
- 11
0
votes
2
answers
57
views
How to use dynamic calculated tailwind classes in Shadcn UI with react
I am using NextJS with Shadcn. I am trying to display a command component that contains a dynamic number of items from a database.
This is a snippet of the line that is not working. Hard coding ...
- 5,250
0
votes
0
answers
39
views
When using react-select components with react-hook-form inside a Radix UI Sheet or Modal, the tabindex does not work
I have a saas project where I use React hook form and shadcn-ui. when I run the form I created in nextjs page, I can use it without any problem. When I use the form in sheet component, tabindex does ...
0
votes
0
answers
97
views
Shadcn ComboBox form + Virtualized TanSack list in NextJs14 application
I have a client component in nextjs that implements a form which contains a dropdown coupled with search properties, it uses the fammous shadcn library + some tanstack virtualizer because the list of ...
- 2,187
-2
votes
2
answers
48
views
Why my Dialog is not closing after submitting?
I'm having a little bit of trouble, I can now pass the data to the backend, but the problem I'm encountering right now wherein after the user submit the form, the Dialog didn't close.
I have here a ...
- 577
1
vote
1
answer
67
views
How to resolve 'Cannot find module' and 'noEmit' issues in TypeScript project with Vite?
Cannot find module: I'm encountering an error I Cannot find module @/lib/utils even though I have configured path aliases in both tsconfig.json and vite.config.ts. It seems like TypeScript or Vite isn'...
