[API Pages] Import codes are moved to external files.

Author: DanilAndreev

src/pages/APIs/AutoDocsMenuAPI/demos.md

@@ -6,9 +6,9 @@
 import React from "react";
 import ApiPage from "../../../components/ApiPage";
 import importCode from "./importCode.md";
-import demos from "./demos.md";
-import Markdown from "@material-docs/core/components/Markdown";
 import useLang from "@material-docs/core/hooks/useLang";
+import {H2, List, ListItem} from "@material-docs/core";
+import Link from "@material-docs/core/components/Link";
 
 
 export default function AutoDocsMenuAPI() {
@@ -25,7 +25,10 @@ export default function AutoDocsMenuAPI() {
             ]}
             enableCss={false}
         >
-            <Markdown>{demos}</Markdown>
+            <H2>Demos</H2>
+            <List>
+                <ListItem><Link page={["Components", "Text decorators"]}>Text styling</Link></ListItem>
+            </List>
         </ApiPage>
     );
 }

src/pages/APIs/AutoDocsMenuAPI/index.js

@@ -7,12 +7,7 @@ import React from "react";
 import {H2, List, ListItem, useLang} from "@material-docs/core";
 import ApiPage from "../../../components/ApiPage";
 import Link from "@material-docs/core/components/Link";
-
-const importCode = `
-import {Block} from "@material-docs/core";
-// or
-import Block from "@material-docs/core/components/Block";
-`.trim();
+import importCode from "./importCode.md";
 
 export default function BlockAPI() {
     const {lang} = useLang();

src/pages/APIs/BlockAPI/importCode.md

@@ -9,11 +9,7 @@ import {H2, List, ListItem, useLang} from "@material-docs/core";
 import ApiPage from "../../../components/ApiPage";
 import Link from "@material-docs/core/components/Link/Link";
 
-const importCode = `
-import {Bold} from "@material-docs/core";
-// or
-import Bold from "@material-docs/core/components/Bold";
-`.trim();
+import importCode from "./importCode.md";
 
 export default function BoldAPI() {
     const {lang} = useLang();

src/pages/APIs/BlockAPI/index.js

@@ -9,11 +9,7 @@ import {Link} from "@material-ui/core";
 import {H2, List, ListItem, useLang} from "@material-docs/core";
 import ApiPage from "../../../components/ApiPage";
 
-const importCode = `
-import {Code} from "@material-docs/core";
-// or
-import Code from "@material-docs/core/components/Code";
-`.trim();
+import importCode from "./importCode.md";
 
 export default function CodeAPI() {
     const {lang} = useLang();

src/pages/APIs/BoldAPI/importCode.md

@@ -9,11 +9,7 @@ import {H2, List, ListItem, useLang} from "@material-docs/core";
 import ApiPage from "../../../components/ApiPage";
 import Link from "@material-docs/core/components/Link/Link";
 
-const importCode = `
-import {CodeSpan} from "@material-docs/core";
-// or
-import CodeSpan from "@material-docs/core/components/CodeSpan";
-`.trim();
+import importCode from "./importCode.md";
 
 export default function CodeSpanAPI() {
     const {lang} = useLang();