Questions tagged [radix-ui]
14 questions
2
votes
0 answers
radix-ui/react-menubar: open on hover?
I'm using a radix-ui Menubar that works well! The Menubar opens using the Menubar.Trigger radix component.
import * as Menubar from "@radix-ui/react-menubar";
{
if (onOpenChange)…
David Ferris
- 2,215
- 6
- 28
- 53
1
vote
0 answers
Passing function to context api comes up undefined react
I have an on click function that is to open an auth dialog and when the user does auth logic and success it should close the dialog and do a callback function say a simple console.log("success")
onClick={async () => {
…
Taio
- 3,152
- 11
- 35
- 59
0
votes
0 answers
Radix UI Theme dark mode not being applied
I'm trying to create an app using Radix UI. The dark mode should be enabled by setting appearance="dark" but all the nested components such as Box and Card stay light.
The accent color prop works fine as well as other props, the only issue seems to…
Frenk
- 71
- 1
- 8
0
votes
0 answers
How to reference primary color in Radix Themes
const Header = () => {
return (
…
user3357926
- 435
- 1
- 4
- 13
0
votes
0 answers
How Do I Style Shadcn-UI DropdownMenuPortal?
I currently have the following dropdown menu using shadcn/ui:
Submenu 1
Oxymolic
- 1
- 1
0
votes
0 answers
How to allign the text with React/Next.js with tailwind and Radix ui
I'm using Next.js with tailwind css and I'm trying to do an accordion with a title with some content. I removed some unnecessary code that is not pertinent with this post
So I want to align my text "Front-End Technologies" with my "languages" to be…
SpicyyRiice
- 111
- 2
- 14
0
votes
0 answers
Algolia RefinementList clearing filters when exiting a radix ui primitive
I'm have a problem related to my Algolia
…
Sooova
- 1
0
votes
0 answers
where to spread props and pass refs exactly in radix ui react?
So my guess is that if custom component doesn't accept children and has DOM element like button, then we should spread props and pass ref to it.
But if custom component gets children instead and has multiple radix element nested, I don't know where…
Terlan
- 13
- 3
0
votes
0 answers
RadixUI styling Radio groups
I am fairly new to Radix UI (with Shadcn/ui) and styling components for that matter. Couldn't figure out a solution for adapting a JSX component to Radix UI:
I am using Radix UI Radio Groups & want to style my component which would look like this…
dot321
- 45
- 1
- 2
- 8
0
votes
1 answer
Nextjs Shadcn form not submitting on click
I'm playing around with shadcn's react-hook-form and I've managed to navigate the docs to get the inputs and selects I need but the onSubmit function I've created isn't doing anything.
Does anyone know why?
"use client";
import * as z from…
Mathew
- 318
- 11
0
votes
1 answer
How can I animate this tooltip for the radix-ui/react-slider component in React using Tailwind CSS?
I want to create a follow effect. currently the when i move the slider.thumb the tool tip moves instantly with the slider.thumb. but i want when to create a pulling effect with slight delay.
️ Here is the Video Showing Desired Effect
this is my…
Pushon
- 15
- 6
0
votes
2 answers
How to hide black input underline in radixui component in tailwindCSS
I have a select component from radix/ui and I have realized when focused a round black ring appears. I have tried to hide it using focus:appearance-none focus:outline focus:outline-none focus:ring-0 in tailwindCSS and none of this work.
For…
Taio
- 3,152
- 11
- 35
- 59
0
votes
2 answers
How can I implement React Hook Form with Radix UI Select?
I'm using the radix ui primitive Select, but i don't know how to integrate it with React Hook Form. I've tried putting the register in the Select.Root tag but it didn't work.
I'm also using Styled Components so all the Select tags are used like…
Pedro Brandão
- 1
- 1
- 1
0
votes
0 answers
BackgroundColor of radix Select trigger does not work when using stitches
I use ReactJS 17 with radix-ui and stitches. My Select component is very straight forward:
I'm styling it with stitches. Everything works fine except the background color of…
Simon
- 6,025
- 7
- 46
- 98