The link @KrisCoulson sent should give you an idea on how to integrate Chakra UI with React Hook Form. If we’re talking about integrating Chakra UI with Redwood Forms, here’s a little something I did: example-todo/AddTodoControl.js at main · nikolovlazar/example-todo · GitHub.
Basically, Chakra UI has an as
prop that can be used to render a Chakra component as something else. In this case, I’m rendering a Chakra Input component as a Redwood TextField component.
In case the as
component doesn’t cut it, there’s also the Chakra Factory Function. We usually use the factory function to wrap Next.js’s Image component so we can have Chakra UI styling with the image optimization from Next.js. There’s a shouldForwardProp
property that you can define in the options (2nd argument of factory function) if you want to precisely define which props will be forwarded to the other component (ex. the nextjs image).
I think the as
prop and/or the Chakra Factory Function will help you integrate Redwood Forms with Chakra UI. Let me know if I should provide more info on this.