How to use validator with radio button group?

[adwiv]

I am not sure how to create a simple radio group with labels and validation.

My requirements are:

1. A Label for radio group
2. Multiple radio buttons each with a label
3. All radio buttons have same name (ie belong to same radio group)
4. Single validation-hint for the entire group (which is shown if none of the options are selected while submitting.)

I have tried here - https://play.tailwindcss.com/3QAfIaoLy5 - but it doesn't work as expected. When I check one of the genders, all the radio buttons in the gender group get validated and become green. However, if a radio button group does not have a validator ancestor, it behaves correctly.

I couldn't find any examples in the docs or discussions about using validator with radio buttons. @saadeghi can you please help.