Join the Webstudio community

Updated 12 months ago

Documentation or Front-end tooltips on canvas of the integration of Radix components

At a glance

The community member is a UI & UX Front-End Development "dumbass" who has difficulty understanding how Radix components work within Webstudio. They appreciate the integration of Radix, but find it hard to understand the component's functionality, such as the navigation menu where they can see and edit layer elements but cannot find or configure the underlying logic. The community member notes that the Webstudio canvas UI does not do a great job of highlighting logic-changing components. They also mention that there is some documentation being drafted on the official Webstudio docs, but nothing has been published yet.

In the comments, another community member asks for a concrete example of what the original poster was trying to do and couldn't, as they were a bit lost with the description. Another community member clarifies that the original poster is saying the docs list all the Radix components that Webstudio supports, but the pages for each control listed are empty. A third community member acknowledges this, stating that they just created the pages as a start to make it easier to contribute.

Useful resources
To start, I'll disclose that I'm a UI & UX Front-End Development dumbass, i.e I have no good prerequisite knowledge on how Radix components works or functions.

That being said, I appreciate the integration of Radix into Webstudio, however because of its integration it's hard to understand how it handles the component's functionality. An example would be the navigation menu where I can see and edit layer elements (e.g. button, text, containers etc.), but cannot seem to find or configure any of the logic integrated in the component (e.g. cursor hover to change background, click to open sub-menu).

Perhaps, again, I'm a dumbass, but the Webstudio canvas UI doesn't do a great job of highlighting logic-changing components (i.e. finding and highlighting the source of element styling changes), as if there's a hidden layer containing all of the scripting/logic that I can't access in someway.

I would note though, as of writing, there is some documentation being drafted on the official webstudio docs (https://docs.webstudio.is/university/marketplace/ui-kits-and-components/radix) but nothing has been published yet.
O
I
3 comments
Hi @FoxNZ can you give me a concrete thing you were trying to do and couldn't, I am a bit lost with your description πŸ™
The op is trying to say that the docs list all the Radix components that WS supports but pages for each control listed are empty.
oh yeah, seems like we just created them as a start to make it easier to contribute
Add a reply
Sign up and join the conversation on Discord