diff options
author | Eug-VS <eug-vs@keemail.me> | 2020-02-08 15:31:14 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2020-04-03 03:06:05 +0300 |
commit | eee96f01e29ddb8b95e9429c4e584fe6e7e7faec (patch) | |
tree | 9db6908c0ce8907ac8db74871ea7ab1d324cef9b /src/index.tsx | |
parent | 2b076ec2796712a12891afb95b3d65311a04e9cb (diff) | |
download | react-benzin-eee96f01e29ddb8b95e9429c4e584fe6e7e7faec.tar.gz |
feat: implement initial markdown component
Diffstat (limited to 'src/index.tsx')
-rw-r--r-- | src/index.tsx | 17 |
1 files changed, 4 insertions, 13 deletions
diff --git a/src/index.tsx b/src/index.tsx index 9d32585..cba71b6 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -10,6 +10,7 @@ import { ContentSection, SmartList, Button, + Markdown, } from './lib'; import icon from './assets/icon.svg'; @@ -27,6 +28,8 @@ const useStyles = makeStyles(theme => ({ })); +const data = "# Getting started\n## Installation \nGo and install it \n# Development\nMore info on dev"; + const Icon = <img src={icon} width="32px" height="37px" alt="logo"/> const headerContents = { @@ -89,19 +92,7 @@ const App: React.FC = () => { primary </Button> </ContentSection> - <ContentSection sectionName="Content section"> - <p> - Fusce suscipit, wisi nec facilisis facilisis, est dui fermentum leo, quis tempor ligula erat quis odio. Nunc porta vulputate tellus. Nunc rutrum turpis sed pede. Sed bibendum. Aliquam posuere. - </p> - <p> - <Link href="#">Link example</Link> - </p> - </ContentSection> - <ContentSection sectionName="Content section"> - <p> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec hendrerit tempor tellus. Donec pretium posuere tellus. Proin quam nisl, tincidunt et, mattis eget, convallis nec, purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla posuere. Donec vitae dolor. Nullam tristique diam non turpis. Cras placerat accumsan <Link href="#">nulla</Link>. Nullam rutrum. Nam vestibulum accumsan nisl. Pellentesque dapibus suscipit ligula. - </p> - </ContentSection> + <Markdown data={data} /> </div> </Window> <Window type="secondary" name="SmartList preview window"> |