Radio Group orientation property and responsiveness

[cssinate]

Hello! The Radio Group has an orientation prop taking in horizontal or vertical. I assume this is to help with keyboard navigation. However, what if I want it horizontal for my full-width layout but vertical on mobile? Do I need to do some sort of resize observer to change the value of the orientation prop?

[snowystinger]

Yes, you could use a resize observer. Or you could check in a useLayoutEffect if you don't need it to update or have state which tells you to update it. You could also use https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/change_event if you know the breakpoint.