Skip to content

Commit fc483b0

Browse files
committed
Update to v3 in order to support mui v5
1 parent 99cb64f commit fc483b0

File tree

5 files changed

+6388
-37
lines changed

5 files changed

+6388
-37
lines changed

Readme.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,9 @@ npm install react-material-ui-form-validator
1515
### Versions
1616
+ 0.x, 1.x - supports material-ui <= 0.x
1717
+ ^2.0.0 - supports material-ui >= 1.x || 3.x || 4.x
18+
+ ^3.0.0 - supports material-ui >= 5.x
1819

19-
Implementation of [react-form-validator-core](https://www.npmjs.com/package/react-form-validator-core) for [material-ui](https://material-ui.com/)
20+
Implementation of [react-form-validator-core](https://www.npmjs.com/package/react-form-validator-core) for [material-ui](https://mui.com/)
2021

2122
### Migration guide
2223

@@ -78,7 +79,7 @@ Your component must [provide a theme](http://www.material-ui.com/#/get-started/u
7879
````javascript
7980

8081
import React from 'react';
81-
import Button from '@material-ui/core/Button';
82+
import Button from '@mui/material/Button';
8283
import { ValidatorForm, TextValidator} from 'react-material-ui-form-validator';
8384

8485
class MyForm extends React.Component {
@@ -124,7 +125,7 @@ You can add your custom rules:
124125
````javascript
125126

126127
import React from 'react';
127-
import Button from '@material-ui/core/Button';
128+
import Button from '@mui/material/Button';
128129
import { ValidatorForm, TextValidator} from 'react-material-ui-form-validator';
129130

130131
class ResetPasswordForm extends React.Component {
@@ -196,8 +197,8 @@ class ResetPasswordForm extends React.Component {
196197
Currently material-ui [doesn't support](https://github.com/callemall/material-ui/issues/3771) error messages for switches, but you can easily add your own:
197198
````javascript
198199
import React from 'react';
199-
import red from '@material-ui/core/colors/red';
200-
import Checkbox from '@material-ui/core/Checkbox';
200+
import red from '@mui/material/colors/red';
201+
import Checkbox from '@mui/material/Checkbox';
201202
import { ValidatorComponent } from 'react-material-ui-form-validator';
202203
203204
const red300 = red['500'];

0 commit comments

Comments
 (0)