Custom Input Components

[kingwill101]

redux-form allows the use of custom Input components like <Field component={CustomComponent} /> is there a way to do this with this library?

[merksam]

@glenfordwilliams Hi! Yes, it's fully customizable! To make it possible you need to create context-form theme, where you can "teach" context-form for which field name which component should be used. We have MaterialUI integration example.

Please, take a look at MaterialUIExample.js. At line 47 you can see passing theme property with MaterialUITheme variable. It's imported from MaterialUITheme.js where integration with MaterialUI library is implemented. Take a look at the code, it contains answer for your questions.

Here is working Demo. Also, you can clone repository and play with it by yourself. Just open demo folder, then yarn install and yarn start.

Hope it's helpful, let me know if you have any other questions!