@@ -8,10 +8,10 @@ import DocsPage from "@material-docs/core/components/DocsPage/DocsPage";
8
8
import { H1 , H2 , H3 , H4 } from "@material-docs/core/components" ;
9
9
import List from "@material-docs/core/components/List/List" ;
10
10
import ListItem from "@material-docs/core/components/ListItem/ListItem" ;
11
- import Link from "@material-ui/core/Link" ;
12
11
import Markdown from "@material-docs/core/components/Markdown/Markdown" ;
13
12
import Code from "@material-docs/core/components/Code/Code" ;
14
13
import Bold from "@material-docs/core/components/Bold/Bold" ;
14
+ import Link from "@material-docs/core/components/Link" ;
15
15
16
16
const installCode = `
17
17
// with npm
@@ -50,15 +50,15 @@ export default function Installation() {
50
50
< Markdown > MaterialDocs is available as an [nmp package]()</ Markdown >
51
51
< H2 > npm</ H2 >
52
52
< Markdown > To install and save in your ```package.json``` dependencies, run:</ Markdown >
53
- < Code theme = { "darcula" } > { installCode } </ Code >
53
+ < Code themeLight = { "darcula" } > { installCode } </ Code >
54
54
< H2 > Material-UI</ H2 >
55
55
< Markdown > Note, that __MaterialDocs__ based on [__Material-UI__]() framework. If you want to deeply
56
56
customize UI, install:</ Markdown >
57
- < Code theme = { "darcula" } > { MUIInstallationCode } </ Code >
57
+ < Code themeLight = { "darcula" } > { MUIInstallationCode } </ Code >
58
58
< H3 > Material-UI Icons</ H3 >
59
59
< Markdown > You can access [__Material-UI__]() svg icons by adding to your ```package.json``` next
60
60
___package___:</ Markdown >
61
- < Code theme = { "darcula" } > { MUIIconsInstallationCode } </ Code >
61
+ < Code themeLight = { "darcula" } > { MUIIconsInstallationCode } </ Code >
62
62
< H2 > Info</ H2 >
63
63
< Markdown > You can start using MaterialDocs with minimal front-end infrastructure. Package providing a lot of
64
64
components to create great documentation site.</ Markdown >
@@ -68,7 +68,9 @@ export default function Installation() {
68
68
< ListItem > Read < Bold > Component APIs</ Bold > tab and get to know how to manipulate with
69
69
components.</ ListItem >
70
70
< ListItem > Read < Bold > Tutorials</ Bold > tab to get instructions on different topics.</ ListItem >
71
- < ListItem > Check < Link > < Bold > source code on GitHub</ Bold > </ Link > for best code understanding.</ ListItem >
71
+ < ListItem > Check < Link href = { "https://github.com/material-docs/material-docs" } >
72
+ < Bold > source code on GitHub</ Bold >
73
+ </ Link > for best code understanding.</ ListItem >
72
74
</ List >
73
75
</ DocsPage >
74
76
) ;
0 commit comments