How to target wrapper div of select element in a module

I’m writing a Tailwind-based module for formio.js, and I’m having trouble targeting the wrapper div for a <select> element. I’ve attached a screenshot showing the markup output by formio.js without a module used; the element I’m attempting to modify is the div with a formio-choices class name. I’d like to figure out how to alter the rendering of this element so I can add/remove class names.

Any guidance on how to target that element from my module would be extremely appreciated!

[randallknutson]

If you go to next.form.io, add a Select component and go to the “Data” tab you will see Choices options as a configuration option. That’s the main way to set these right now. To do it programmatically would involve extending the Select component and overriding the defaults. We would be open to making it more customizable though.

[tnorthcutt]

Thanks, @randallknutson. Turns out my syntax was just off; for the sake of posterity here’s an example of what works:

{
  "classNames": {
    "containerOuter": "classnames-go-here space-separated",
    "containerInner": "classnames-go-here space-separated"
  }
}