JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/preact"></script>

Babel + JSX

const { h, Component, render } = preact; /** @jsx h */

const { Sidenav } = 'preact-sidenav';

const Nav = (props) => (
  <div>
    <ul>
      <li>Menu item 1</li>
      <li>Menu item 2</li>
      <li>Menu item 3</li>
      <li><button onclick={props.closeSidenav} >Close</button></li>
    </ul>

  </div>
)

const Content = (props) => (
  <div class="header">
    <button onclick={props.openSidenav}>Toggle Sidebar</button>
    <p style="font-size:100px">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat non aliquid corrupti eius provident at officia repudiandae sit vero suscipit ullam deleniti numquam distinctio quos soluta, libero dolorem neque. Incidunt.</p>
  </div>
)



class App extends Component {


	render(props) {
  	return (
    	<p>Hello World</p>
    )
  }
}

render(<App />, document.body);