init project

docs/data/joy/components/checkbox/ExampleSignUpCheckbox.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import Checkbox from '@mui/joy/Checkbox';
+import FormControl from '@mui/joy/FormControl';
+import FormHelperText from '@mui/joy/FormHelperText';
+import Link from '@mui/joy/Link';
+import Typography from '@mui/joy/Typography';
+
+export default function ExampleSignUpCheckbox() {
+  return (
+    <FormControl size="sm" sx={{ width: 400 }}>
+      <Checkbox
+        label={
+          <React.Fragment>
+            I have read and agree to the{' '}
+            <Typography sx={{ fontWeight: 'md' }}>terms and conditions</Typography>.
+          </React.Fragment>
+        }
+      />
+      <FormHelperText>
+        <Typography level="body-sm">
+          Read our <Link href="#link">terms and conditions</Link>.
+        </Typography>
+      </FormHelperText>
+    </FormControl>
+  );
+}