> [RedwoodJS forms](https://redwoodjs.com/docs/forms) — [Chakra UI forms](https://chakra-ui.com/docs/components#form) > In other words, integrate Chakra UI's form components with [`react-hook-form`](https://react-hook-form.com/). - [ ] - **Ensure all components favor the name _prop_ when provided, not the `useFieldName` hook's value.** - [ ] - Once complete, extract-out components into a library. - [ ] - Ensure all components integrate with Chakra UI's `isInvalid`, `isRequired`, ... props. - [ ] - Integrate the following components: - [x] - Button (Submit) - [ ] - Checkbox - [ ] - Editable - [x] - Form Control - [x] - Input - [ ] - Number Input - [ ] - Pin Input - [ ] - Radio - [ ] - Range Slider - [x] - [Select](https://github.com/LockTech/aether/commit/10af171b520f24496187438a739d52e6b30651cb) - [ ] - Slider - [ ] - Switch - [ ] - Textarea ### Optional Components (provided as _Recipes_) - [ ] - [`chakra-react-select`](https://www.npmjs.com/package/chakra-react-select)
useFieldNamehook's value.isInvalid,isRequired, ... props.Optional Components (provided as Recipes)
chakra-react-select