How to Replace Text/Number Inputs with a Custom Variable Picker in ComponentFormContainer Using Connect-React Library?

This topic was automatically generated from Slack. You can find the original thread here.

Hi guys,
@U02A06JPKEH
I’m using the connect-react library
https://www.npmjs.com/package/@pipedream/connect-react

I’d like to replace the text/number inputs inside ComponentFormContainer with a custom variable picker. The CustomizeProvider docs only expose Description, Label, OptionalFieldButton, etc., but not the actual input control. Is there a supported way to override the input?

Hmm I don’t think you can do this within connect-react, you can customize the input styles, but what you’re looking for seems to be overriding the behavior entirely and I think you’d need to do that in your own app.

yes

You can definitely fork the SDK to handle any customization that isn’t supported out of the box (you’re also free to submit a PR and we can take a look)