Hello Riot.js

<!doctype html>

<html>
  <head>
    <link rel="stylesheet" href="lib/style.css">
    <script type="text/javascript" src="https://unpkg.com/riot@4/riot+compiler.min.js"></script>
    <script src="lib/script.js"></script>
  </head>

  <body>
    <app></app>

    <script src="app.riot.html" type="riot"></script>
    <script>
      riot
      .compile()
      .then(() => {
        riot.mount('app', {
          title: 'Hello Riot.js!'
        })
      })
    </script>
  </body>
</html>

app .app-header {
  padding: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #999;
}
app .logo {
  height: 36px;
  margin-bottom: 5px;
}

// Add your code here

<app>
  <div class="app-header">
    <img src="https://riot.js.org/img/logo/riot-logo.svg" class="logo">
  </div>
  <h1>{ props.title }</h1>
</app>