<div id="app"></div>
const { appCreate, Component } = Doz;

class MyApp extends Component {
  constructor(o) {
    super(o);
    this.props = {
      msg: 'Hello Doz!'
    }
  }

  template(h) {
    return h`
        <style>
          .my-app {
            color: #007bff;
          }
        </style>
        <div class="my-app">
          <h1>${this.props.msg}</h1>
          <input type="text" d-bind="msg"/>
        </div>
      `;
  }
}

appCreate("#app", MyApp);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/doz/dist/doz.min.js