-
Notifications
You must be signed in to change notification settings - Fork 5
Description
Currently, the Radio Buttons in the "required" state appear to be invalid, even though they are not. This could confuse users and create a false impression that the form has errors.
According to the HTML W3C specifications, the "required" attribute is used to ensure that the user completes the field before submitting the form. It does not indicate whether the field is valid or not.
In the current implementation, the Radio Buttons in the "required" state turn red and look like something is selected, even if nothing has been selected.
See: https://codesandbox.io/s/db-ui-core-radio-required-smjs7l?file=/src/App.tsx
Please compare this with the standard styling of radio buttons (without DB-UI styles).
I suggest that we modify the styling of the Radio Buttons in the "required" state to differentiate them from the ones that are actually invalid. It should be similar to other fields that are in the "required" state in the same form.