Join the Webstudio community

Updated last year

Radix UI

At a glance

The community member noticed that the Radix select element has CSS variables applied to the height and min-width of the select viewport item. They are curious to know if there are other variables they can access. A comment suggests referring to the Radix UI primitives documentation, but there is no explicitly marked answer.

Useful resources
I noticed on the Radix select element, specifically on the select viewport item, that there are CSS variables applied to the height and min-width. Typically I can find this in the web inspector when I've loaded the site in the browser. However, I don't see :root {} declaration.

I'm curious to know if there are other variables I can access. I assume I could use the embed element to make my own if I saw fit, but I can't think of a reason to do that at the moment.
Attachments
Screenshot_2023-11-21_at_4.53.41_PM.png
Screenshot_2023-11-21_at_4.53.29_PM.png
Add a reply
Sign up and join the conversation on Discord