[material-ui][docs] Revise the Button page

docs/data/material/components/buttons/DisableElevation.js

@@ -4,7 +4,7 @@ import Button from '@mui/material/Button';
 export default function DisableElevation() {
   return (
     <Button variant="contained" disableElevation>
-      Disable elevation
+      Elevation disabled
     </Button>
   );
 }

docs/data/material/components/buttons/DisableElevation.tsx

@@ -4,7 +4,7 @@ import Button from '@mui/material/Button';
 export default function DisableElevation() {
   return (
     <Button variant="contained" disableElevation>
-      Disable elevation
+      Elevation disabled
     </Button>
   );
 }

docs/data/material/components/buttons/DisableElevation.tsx.preview

@@ -1,3 +1,3 @@
 <Button variant="contained" disableElevation>
-  Disable elevation
+  Elevation disabled
 </Button>

docs/data/material/components/buttons/IntroButtons.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import Button from '@mui/material/Button';
+import DeleteIcon from '@mui/icons-material/Delete';
+import CheckIcon from '@mui/icons-material/Check';
+import Stack from '@mui/material/Stack';
+
+export default function IntroButtons() {
+  return (
+    <Stack direction="row" spacing={2}>
+      <Button variant="outlined" startIcon={<DeleteIcon />} color="error">
+        Cancel
+      </Button>
+      <Button variant="contained" startIcon={<CheckIcon />} color="success">
+        Confirm
+      </Button>
+    </Stack>
+  );
+}

docs/data/material/components/buttons/IntroButtons.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import Button from '@mui/material/Button';
+import DeleteIcon from '@mui/icons-material/Delete';
+import CheckIcon from '@mui/icons-material/Check';
+import Stack from '@mui/material/Stack';
+
+export default function IntroButtons() {
+  return (
+    <Stack direction="row" spacing={2}>
+      <Button variant="outlined" startIcon={<DeleteIcon />} color="error">
+        Cancel
+      </Button>
+      <Button variant="contained" startIcon={<CheckIcon />} color="success">
+        Confirm
+      </Button>
+    </Stack>
+  );
+}

docs/data/material/components/buttons/IntroButtons.tsx.preview

@@ -0,0 +1,6 @@
+<Button variant="outlined" startIcon={<DeleteIcon />} color="error">
+  Cancel
+</Button>
+<Button variant="contained" startIcon={<CheckIcon />} color="success">
+  Confirm
+</Button>