1
1
mirror of https://github.com/primer/css.git synced 2024-11-30 01:04:04 +03:00
css/modules/primer-markdown/stories.js
2017-10-05 15:18:11 -07:00

19 lines
829 B
JavaScript

import React from 'react'
import { storiesOf } from '@storybook/react'
storiesOf('Markdown', module)
.add('code', () => (
<div className="markdown-body">
<p>
This is inline <code>code block</code>. This <code>code block has a &lt;br&gt;<br/> in it</code>. <code>When a code block has a long sentence in it, it should wrap the page to a new line</code>. Some people like to see the world burn and put <code>reallylongunbrokenstringsreallylongunbrokenstringsreallylongunbrokenstringsreallylongunbrokenstringsreallylongunbrokenstrings</code> in the code blocks.
</p>
</div>
))
.add('pre', () => (
<div className="markdown-body">
<pre>
<code>Really long pre blocks should scroll horizontally when the words are longer than the parent container</code>
</pre>
</div>
))