material form builder (MFB)
## Quick Access
- [Component Props](#component-props) | [getValues](#get-values-prop) | [setValues](#set-values-prop) | [clear](#clear-prop)
- [Type Of Inputs](#type-of-inputs)
# **introduction**
In react, we are always involved in implementing a structure to receive information from the user
The implementation of these structures may take us a lot of time
My goal is to minimize this time
You can create a branch of inputs with different structures with a few lines of code.
# Installation
## Dependencies
Material UI (^5.x.x) is available as an [npm package](https://www.npmjs.com/package/@mui/material).
```sh
npm install @mui/material @mui/x-date-pickers @mui/icons-material @emotion/react @emotion/styled dayjs
```
## material-form-builder
**npm:**
```sh
npm install material-form-builder
```
**yarn:**
```sh
yarn add material-form-builder
```
**basic usage:**
```js
import React, { useRef } from 'react'
import { FormBuilder } from 'material-form-builder'
const App = () => {
const builderRef = useRef(null)
const getValues = () => {
const values = builderRef.current?.getValues()
}
const clear = () => {
builderRef.current?.clear()
}
return (
Get
Set
clear
)
}
```
back to top
