init project

docs/data/material/components/alert/DescriptionAlerts.tsx

@@ -0,0 +1,26 @@
+import Alert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
+import Stack from '@mui/material/Stack';
+
+export default function DescriptionAlerts() {
+  return (
+    <Stack sx={{ width: '100%' }} spacing={2}>
+      <Alert severity="success">
+        <AlertTitle>Success</AlertTitle>
+        This is a success Alert with an encouraging title.
+      </Alert>
+      <Alert severity="info">
+        <AlertTitle>Info</AlertTitle>
+        This is an info Alert with an informative title.
+      </Alert>
+      <Alert severity="warning">
+        <AlertTitle>Warning</AlertTitle>
+        This is a warning Alert with a cautious title.
+      </Alert>
+      <Alert severity="error">
+        <AlertTitle>Error</AlertTitle>
+        This is an error Alert with a scary title.
+      </Alert>
+    </Stack>
+  );
+}