[docs] Add docs for typography in system (#23510)

mui · Nov 16, 2020 · ad42757 · ad42757
1 parent 2ee845a
commit ad42757
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/docs/src/pages/system/typography/Variant.js b/docs/src/pages/system/typography/Variant.js
@@ -0,0 +1,12 @@
+import * as React from 'react';
+import Box from '@material-ui/core/Box';
+
+export default function Variant() {
+  return (
+    <div>
+      <Box sx={{ typography: 'subtitle2' }}>subtitle2</Box>
+      <Box sx={{ typography: 'body1' }}>body1</Box>
+      <Box sx={{ typography: 'body2' }}>body2</Box>
+    </div>
+  );
+}
diff --git a/docs/src/pages/system/typography/Variant.tsx b/docs/src/pages/system/typography/Variant.tsx
@@ -0,0 +1,12 @@
+import * as React from 'react';
+import Box from '@material-ui/core/Box';
+
+export default function Variant() {
+  return (
+    <div>
+      <Box sx={{ typography: 'subtitle2' }}>subtitle2</Box>
+      <Box sx={{ typography: 'body1' }}>body1</Box>
+      <Box sx={{ typography: 'body2' }}>body2</Box>
+    </div>
+  );
+}
diff --git a/docs/src/pages/system/typography/typography.md b/docs/src/pages/system/typography/typography.md
@@ -2,6 +2,10 @@
 
 <p class="description">Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.</p>
 
+## Variant
+
+{{"demo": "pages/system/typography/Variant.js"}}
+
 ## Text alignment
 
 {{"demo": "pages/system/typography/TextAlignment.js", "defaultCodeOpen": false}}