Version: v2

Mui Components

The components in this module are based on the core Material-UI Input Components, such as TextField and Select. They share similar props and offer comparable customization options.

📄️ Text Field

Learn how to use RHFTextField with react-hook-form and Material-UI to create customizable and efficient form fields. Explore key props, examples, and API details to enhance your React forms.

📄️ Number Input

RHFNumberInput is a specialized version of RHFTextField, designed to accept only integer or decimal values as input.

📄️ Password Input

RHFPasswordInput is an enhanced input field built on top of Material-UI Textfield and react-hook-form to input password in login form.

📄️ Tags Input

Enhance your forms with RHFRating, a customizable rating input component for react-hook-form using examples and API details for seamless integration.

📄️ File Uploader

RHFFileUploader is a customizable file upload component for React Hook Form, supporting single and multi-file uploads with validation, and listing the files uploaded along with their size.

📄️ Select

Learn how to use RHFSelect with react-hook-form for customizable dropdowns that handle both arrays and object arrays. Explore examples and API details to enhance your React forms.

📄️ Native Select

Discover how to use RHFNativeSelect with react-hook-form for mobile-friendly dropdowns. Explore examples and API details to optimize your React forms.

📄️ Autocomplete

Customizable autocomplete component for efficient searching in large datasets, supporting array or object-array options.

📄️ Multi Autocomplete

Customizable multi-select autocomplete with 'Select All' support and flexible options as arrays or object arrays, best used for large datasets.

📄️ Country Select

Customizable autocomplete field that allows user to select one or more countries.

📄️ Checkbox

Learn how to use RHFCheckbox with react-hook-form to create customizable checkboxes. Explore how it extends Material-UI’s Checkbox component and see examples and API details to enhance your forms.

📄️ Checkbox Group

Learn how to use RHFCheckboxGroup with react-hook-form to create customizable groups of checkboxes. Explore examples and API details to enhance your forms.

📄️ Radio Group

Learn how to use RHFRadioGroup with react-hook-form to create customizable radio button groups. Explore usage examples and API details to enhance your forms.

Add customizable sliders to your forms with RHFSlider for react-hook-form. Ideal for selecting values like volume or brightness, with flexible props for seamless integration. Explore examples and API details.

📄️ Switch

Use RHFSwitch with react-hook-form to add customizable switch inputs for toggling settings on or off. Explore usage examples and API details for seamless customization.

📄️ Rating