init project

docs/data/material/components/links/UnderlineLink.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+
+const preventDefault = (event: React.SyntheticEvent) => event.preventDefault();
+
+export default function UnderlineLink() {
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        flexWrap: 'wrap',
+        justifyContent: 'center',
+        typography: 'body1',
+        '& > :not(style) ~ :not(style)': {
+          ml: 2,
+        },
+      }}
+      onClick={preventDefault}
+    >
+      <Link href="#" underline="none">
+        {'underline="none"'}
+      </Link>
+      <Link href="#" underline="hover">
+        {'underline="hover"'}
+      </Link>
+      <Link href="#" underline="always">
+        {'underline="always"'}
+      </Link>
+    </Box>
+  );
+}