How does the styling work?

[jikkujose]

There seems to be no mention about it? The demo code seems to be too cryptic!

[rexxars]

There isn't any styling by default. react-markdown just renders semantic markup, then it's up to the developer to apply styles to those. I'll flag this for clarity in v3's readme.

[stahlmanDesign]

I installed this module with npm https://github.com/sindresorhus/github-markdown-css
and I import it like this
import 'github-markdown-css' <-- it finds the css in node_modules

Then wrap your markdown with the className 'markdown-body' used by the css

<div className='markdown-body'>
  <ReactMarkdown source='# hello'/>
</div>

This styles the th td table etc like github markdown

[tnrich]

@rexxars
If you could link to this issue and the fix @stahlmanDesign mentioned above in the README that would be awesome!

[wooorm]

@tnrich The web is made up of JS, HTML, and CSS. We use JS to turn Markdown into HTML. Similar to how React doesn’t style your website like GitHub, we don’t either. There is nothing in this project tied to GitHub, which is what github-markdown-css does. So, blessing it by putting it in the readme makes no sense to me. Instead, have fun, be creative, and make your content fancy with your own CSS!