mirror of
https://github.com/primer/css.git
synced 2024-11-24 13:15:00 +03:00
19 lines
829 B
JavaScript
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 <br><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>
|
|
))
|