@nish1896/rhf-mui-components

A suite of 20+ reusable mui components for react-hook-form to minimize your time and effort in creating forms

Features ✨

• Each component is fully functional with just 3-4 props — core logic handled internally.
• Style individual components or apply global styles via ConfigProvider.
• Includes well-configured unique components like RichTextEditor, Country Select and Tags Input, saving development time.
• Comprehensive docs showcasing multiple variations for each component.

Explore and Get Started 🚀

Documentation 📖

Access the full documentation for rhf-mui-components, including setup instructions, API references, and examples:

👉 Documentation Site

Interactive Demos 🎮

Try out and experiment with the form components in a live environment:

👉 Live Demo Examples

Sample Apps 🛠️

Clone this repo to explore real-world usage of the package with Next.js and MUI v5, v6, and v7. Each version is set up in its own example app for easy testing and comparison:

👉 Cloneable Example Repo

Setup

Run the setup script.

sh setup.sh

This will perform the following tasks:

• Install node_modules in workspace root
• Build the @nish1896/rhf-mui-components package.
• Link this package to @nish1896/rhf-mui-demo repo to test new and existing components

To apply any changes made to the package, rebuild it by running the command below:

yarn lib