diff options
author | eug-vs <eug-vs@keemail.me> | 2021-01-11 22:29:03 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2021-01-11 22:29:03 +0300 |
commit | 53e41901558319e6063fdcbca4f6150101c57f10 (patch) | |
tree | 0ee56a21b898e880c65406baf2c48c47bfda84f0 /src/demo/content.md | |
parent | 4ad1f101101771350b253762c5b02d57df6f4ddd (diff) | |
download | react-benzin-53e41901558319e6063fdcbca4f6150101c57f10.tar.gz |
feat: allow passing variable context
Diffstat (limited to 'src/demo/content.md')
-rw-r--r-- | src/demo/content.md | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/src/demo/content.md b/src/demo/content.md new file mode 100644 index 0000000..ad61d33 --- /dev/null +++ b/src/demo/content.md @@ -0,0 +1,17 @@ +## Markdown +[Markdown file](${url}) *(... +```react +fileName +``` +)* that you can see on the left was parsed and rendered by **BENZIN**! :rocket: +Switch between tabs on the header to explore other markdown templates. :recycle: +Templates on the left are being loaded from the [GitHub](https://github.com), though this pane is generated from plaintext. :pen: +## How do I use this feature? +``` +import Markdown from \'react-benzin\'; +const data = \'# Header\\nHello, *world!*\'; +ReactDOM.render(<Markdown data={data}/>, document.getElementById(\'root\')); +``` +```react +tryButton +``` |