init project

test/regressions/fixtures/TypographyJoy/DecoratorAlignItemsStart.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { CssVarsProvider } from '@mui/joy/styles';
+import Box from '@mui/joy/Box';
+import Typography from '@mui/joy/Typography';
+import Link from '@mui/joy/Link';
+
+export default function DecoratorAlignItemsStart() {
+  return (
+    <CssVarsProvider>
+      <Typography startDecorator="✅" alignItems="flex-start" sx={{ width: 160 }}>
+        Hello World, this is a very long sentence.
+      </Typography>
+      <Typography
+        startDecorator={
+          <Box
+            component="span"
+            sx={{ bgcolor: 'tomato', width: '1.25em', height: '1.25em', borderRadius: '50%' }}
+          />
+        }
+        alignItems="flex-start"
+        sx={{ width: 160 }}
+      >
+        Hello World, this is a very long sentence.
+      </Typography>
+      <Link href="/" startDecorator="✅" sx={{ width: 160, alignItems: 'flex-start' }}>
+        Hello World, this is a very long sentence.
+      </Link>
+      <Link
+        href="/"
+        startDecorator={
+          <Box
+            component="span"
+            sx={{ bgcolor: 'tomato', width: '1.25em', height: '1.25em', borderRadius: '50%' }}
+          />
+        }
+        sx={{ width: 160, alignItems: 'flex-start' }}
+      >
+        Hello World, this is a very long sentence.
+      </Link>
+    </CssVarsProvider>
+  );
+}