[Doc]Customized snackbar example: use alert severity

mui · Jan 7, 2020 · 769da10 · 769da10
1 parent c99bd0d
commit 769da10
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/docs/src/pages/components/snackbars/CustomizedSnackbars.js b/docs/src/pages/components/snackbars/CustomizedSnackbars.js
@@ -39,14 +39,14 @@ export default function CustomizedSnackbars() {
  Open success snackbar
  </Button>
  <Snackbar open={open} autoHideDuration={6000} onClose={handleClose}>
- <Alert onClose={handleClose} color="success">
+ <Alert onClose={handleClose} severity="success">
  This is a success message!
  </Alert>
  </Snackbar>
- <Alert color="error">This is an error message!</Alert>
- <Alert color="warning">This is a warning message!</Alert>
- <Alert color="info">This is an information message!</Alert>
- <Alert color="success">This is a success message!</Alert>
+ <Alert severity="error">This is an error message!</Alert>
+ <Alert severity="warning">This is a warning message!</Alert>
+ <Alert severity="info">This is an information message!</Alert>
+ <Alert severity="success">This is a success message!</Alert>
  </div>
  );
 }
diff --git a/docs/src/pages/components/snackbars/CustomizedSnackbars.tsx b/docs/src/pages/components/snackbars/CustomizedSnackbars.tsx
@@ -39,14 +39,14 @@ export default function CustomizedSnackbars() {
  Open success snackbar
  </Button>
  <Snackbar open={open} autoHideDuration={6000} onClose={handleClose}>
- <Alert onClose={handleClose} color="success">
+ <Alert onClose={handleClose} severity="success">
  This is a success message!
  </Alert>
  </Snackbar>
- <Alert color="error">This is an error message!</Alert>
- <Alert color="warning">This is a warning message!</Alert>
- <Alert color="info">This is an information message!</Alert>
- <Alert color="success">This is a success message!</Alert>
+ <Alert severity="error">This is an error message!</Alert>
+ <Alert severity="warning">This is a warning message!</Alert>
+ <Alert severity="info">This is an information message!</Alert>
+ <Alert severity="success">This is a success message!</Alert>
  </div>
  );
 }