1.0.1 • Published 5 years ago
babel-plugin-jsx-code v1.0.1
Usage
import Code from 'babel-plugin-jsx-code/Component';
const RenderCode = ({ source, result }) => (
<div className="render-code">
<pre><code>{source}</code></pre>
<div className="render-result">
{result}
</div>
</div>
);
export default () => (
<div>
<h2>A list:</h2>
<Code render={RenderCode}>
<ul>
<li>Green</li>
<li>Red</li>
</ul>
</Code>
</div>
)
Render to:
<div>
<h2>A list:</h2>
<div class="render-code">
<pre>
<code>
<ul>
<li>Green</li>
<li>Red</li>
</ul>
</code>
</pre>
<div class="render-result">
<ul>
<li>Green</li>
<li>Red</li>
</ul>
</div>
</div>
</div>