diff options
| -rw-r--r-- | src/index.tsx | 82 | ||||
| -rw-r--r-- | src/lib/index.ts | 4 |
2 files changed, 43 insertions, 43 deletions
diff --git a/src/index.tsx b/src/index.tsx index 63f7938..9a80262 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -9,7 +9,7 @@ import { import { Benzin, Markdown, - ContentSection, + Heading, } from './lib'; import Header from './demo/Header/Header'; @@ -55,24 +55,23 @@ const CustomPage: React.FC = () => { return ( <> - <ContentSection sectionName="Render custom markdown document" level={2}> - <p> - This should be a link to a valid markdown file. Response should give the file contents. - If you copy README file from GitHub, make sure you provide link to raw view. - </p> - <p> - <TextField - fullWidth - inputRef={inputEl} - variant="outlined" - color="secondary" - label="Markdown url" - /> - </p> - <Button variant="contained" color="secondary" onClick={handleParseUrl}> - Render! - </Button> - </ContentSection> + <Heading level={2}>Render custom markdown document</Heading> + <p> + This should be a link to a valid markdown file. Response should give the file contents. + If you copy README file from GitHub, make sure you provide link to raw view. + </p> + <p> + <TextField + fullWidth + inputRef={inputEl} + variant="outlined" + color="secondary" + label="Markdown url" + /> + </p> + <Button variant="contained" color="secondary" onClick={handleParseUrl}> + Render! + </Button> <Markdown url={url} /> </> ); @@ -91,29 +90,28 @@ const LivePreviewPage: React.FC<LivePropTypes> = ({ setLivePreviewData }) => { return ( <> - <ContentSection sectionName="Markdown live preview" level={2}> - <p> - Start typing and see your text rendered on the left window! - You can find the list of all Markdown features - {' '} - <Link href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet"> - here - </Link> - . (some of them are yet in progress). - We recommend starting with # Header. - </p> - <p> - <TextField - fullWidth - multiline - inputRef={inputEl} - variant="outlined" - color="primary" - label="Markdown" - onChange={handleRender} - /> - </p> - </ContentSection> + <Heading level={2}>Markdown live preview</Heading> + <p> + Start typing and see your text rendered on the left window! + You can find the list of all Markdown features + {' '} + <Link href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet"> + here + </Link> + . (some of them are yet in progress). + We recommend starting with # Header. + </p> + <p> + <TextField + fullWidth + multiline + inputRef={inputEl} + variant="outlined" + color="primary" + label="Markdown" + onChange={handleRender} + /> + </p> </> ); }; diff --git a/src/lib/index.ts b/src/lib/index.ts index 545e6f8..2e6dd9e 100644 --- a/src/lib/index.ts +++ b/src/lib/index.ts @@ -1,3 +1,5 @@ -export { default as ContentSection } from './ContentSection/ContentSection'; export { default as Benzin } from './Benzin/Benzin'; export { default as Markdown } from './Markdown/Markdown'; +export { default as CodeBlock } from './Markdown/CodeBlock'; +export { default as InlineCode } from './Markdown/InlineCode'; +export { default as Heading } from './Markdown/Heading'; |