Radio Button Component Not Available in Web Components – How to Render Horizontal Options?

[jaymit_b]

I’m looking for a radio button component in the Shopify web components library, but it doesn’t seem to be available.

I noticed that a choice-list component is available, but I specifically want to display radio buttons horizontally (side by side), similar to how it can be done using Polaris React components.

Is there a recommended way to achieve horizontal radio buttons using existing web components? Or any suggested workaround?

Appreciate any help or suggestions!

[bakura10]

I agree on that.

This is for instance used on the collection pages in Shopify:

This relate to the other conversation I open with the lack of horizontal fields (which is found in many places in the interface). Web components definitely must give a bit more flexibility on how forms are render. I still believe that all form fields should offer a “direction=inline” option.