deck.mdx

import { Head } from 'mdx-deck' export { default as yellow } from 'mdx-deck/themes'; import { LiveCode } from 'mdx-deck-live-code';

import Snippet from './Snippet'

mdx-deck example

---

---

<LiveCode title="... and classes" code={`class MyComp extends React.Component { constructor(){ this.state = { value: 'class' }; } render() { return (

This is a {this.state.value} component!

    <input
	  		onChange={
		  		(e) => this.setState({value: e.target.value})
				}
	  		value={this.state.value}
               style={{fontSize: 30}}
			/>
  </div>
  );

} }`} size="large" editorProps={{ style: { fontSize: '1em', background: '#001628' } }} />

---