Custom classNames for oneOf selection component

rjsf-team / react-jsonschema-form

A React component for building Web forms from JSON Schema.

https://rjsf-team.github.io/react-jsonschema-form/

Apache License 2.0

14.37k stars 2.19k forks source link

Custom classNames for oneOf selection component #3788

Open KellyP5 opened 1 year ago

KellyP5 commented 1 year ago

Prerequisites

[X] I have read the documentation

What theme are you using?

material-ui

What is your question?

When using oneOf, by using the ui:classNames component this classname does not apply to the actual selection input component, rather it applies to the resulting field that is changed. See image below for the RJSF playground example of what I mean.

Screenshot 2023-07-25 at 8 08 05 AM

heath-freenome commented 1 year ago

The ui:classNames is only designed to target the outer field. Theoretically you can use CSS to target the inner select or you could write your own custom field and switch out the OneOfField with it.

stale[bot] commented 3 weeks ago

This issue has been automatically marked as possibly close because it has not had recent activity. It will be closed if no further activity occurs. Please leave a comment if this is still an issue for you. Thank you.