ライブデモ

タグ定義（左側）のコードを自由に変更すると、その結果が反映されます。

どのように使うの?

簡単にHTMLにこのタグをマウントすることができます。以下のソースをsample.tagとして保存し、index.htmlを作成してください:

<html>
  <head>
    <title>Hello Riot.</title>
  </head>
  <body>
    <!-- place the custom tag anywhere inside the body -->
    <sample></sample>
    <!-- include the tag -->
    <script type="riot/tag" src="sample.tag"></script>
    <!-- include riot.js -->
    <script src="https://cdn.jsdelivr.net/npm/riot@3.13/riot+compiler.min.js"></script>
    <!-- mount the tag -->
    <script>riot.mount('sample')</script>
  </body>
</html>

ね、簡単でしょ？

参考文献