# RHF-MUI Components

> 25+ form-library-independent Material UI components for forms or standalone use — docs, live demos and full props reference.

- [GitHub repository](https://github.com/nishkohli96/rhf-mui-components)
- [npm package](https://www.npmjs.com/package/@nish1896/rhf-mui-components)

## Introduction
- [Introduction](https://rhf-mui-components.vercel.app/introduction)

## Getting Started
- [Getting Started](https://rhf-mui-components.vercel.app/getting-started)

## Components
- [Text Field](https://rhf-mui-components.vercel.app/components/mui/RHFTextfield)
- [Password Input](https://rhf-mui-components.vercel.app/components/mui/RHFPasswordInput)
- [Number Input](https://rhf-mui-components.vercel.app/components/mui/RHFNumberInput)
- [Tags Input](https://rhf-mui-components.vercel.app/components/mui/RHFTagsInput)
- [File Uploader](https://rhf-mui-components.vercel.app/components/mui/RHFFileUploader)
- [Select](https://rhf-mui-components.vercel.app/components/mui/RHFSelect)
- [Native Select](https://rhf-mui-components.vercel.app/components/mui/RHFNativeSelect)
- [Autocomplete](https://rhf-mui-components.vercel.app/components/mui/RHFAutocomplete)
- [Autocomplete Object](https://rhf-mui-components.vercel.app/components/mui/RHFAutocompleteObject)
- [Country Select](https://rhf-mui-components.vercel.app/components/mui/RHFCountrySelect)
- [Multi Autocomplete](https://rhf-mui-components.vercel.app/components/mui/RHFMultiAutocomplete)
- [Multi Autocomplete Object](https://rhf-mui-components.vercel.app/components/mui/RHFMultiAutocompleteObject)
- [Checkbox](https://rhf-mui-components.vercel.app/components/mui/RHFCheckbox)
- [Checkbox Group](https://rhf-mui-components.vercel.app/components/mui/RHFCheckboxGroup)
- [Radio Group](https://rhf-mui-components.vercel.app/components/mui/RHFRadioGroup)
- [Slider](https://rhf-mui-components.vercel.app/components/mui/RHFSlider)
- [Switch](https://rhf-mui-components.vercel.app/components/mui/RHFSwitch)
- [Rating](https://rhf-mui-components.vercel.app/components/mui/RHFRating)
- [Date Picker](https://rhf-mui-components.vercel.app/components/mui-pickers/RHFDatePicker)
- [Time Picker](https://rhf-mui-components.vercel.app/components/mui-pickers/RHFTimePicker)
- [Date Time Picker](https://rhf-mui-components.vercel.app/components/mui-pickers/RHFDateTimePicker)
- [Color Picker](https://rhf-mui-components.vercel.app/components/misc/RHFColorPicker)
- [Rich Text Editor](https://rhf-mui-components.vercel.app/components/misc/RHFRichTextEditor)
- [Phone Input](https://rhf-mui-components.vercel.app/components/misc/RHFPhoneInput)

## Customization
- [Customization](https://rhf-mui-components.vercel.app/customization)

## Form Helpers
- [fieldNameToId](https://rhf-mui-components.vercel.app/form-helpers/fieldNameToId)
- [fieldNameToLabel](https://rhf-mui-components.vercel.app/form-helpers/fieldNameToLabel)
- [validateFileList](https://rhf-mui-components.vercel.app/form-helpers/validateFileList)
- [getFileSize](https://rhf-mui-components.vercel.app/form-helpers/getFileSize)
- [colorToString](https://rhf-mui-components.vercel.app/form-helpers/colorToString)

## Examples
- [Inputs](https://rhf-mui-components.vercel.app/examples/inputs)
- [Select](https://rhf-mui-components.vercel.app/examples/select)
- [Autocomplete](https://rhf-mui-components.vercel.app/examples/autocomplete)
- [Checkbox & RadioGroup](https://rhf-mui-components.vercel.app/examples/checkbox-and-radiogroup)
- [Switch, Slider & Rating](https://rhf-mui-components.vercel.app/examples/switch-slider-rating)
- [Date & Time Pickers](https://rhf-mui-components.vercel.app/examples/date-time-pickers)
- [Miscellaneous Components](https://rhf-mui-components.vercel.app/examples/miscellaneous-components)
- [Customization](https://rhf-mui-components.vercel.app/examples/customization)
- [Complete Form](https://rhf-mui-components.vercel.app/examples/complete-form)
- [Complete Form - Joi](https://rhf-mui-components.vercel.app/examples/complete-form-joi)

## Migration Guide
- [v4 to v5](https://rhf-mui-components.vercel.app/migration-guide/v4-to-v5)