kaf.js sample 05

by mtsgi

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mtsgi/[email protected]/d/kitstrap.css">
<script src="https://mtsgi.github.io/kafjs/kaf.js"></script>
<main id="kaf">
  <kit-formgroup class="m-b">
    <kit-button class="-flat" kit:assign="mydata 0">0</kit-button>
    <kit-button class="-flat" kit:assign="mydata 10">10</kit-button>
    <kit-button class="-flat" kit:assign="mydata Infinity">Infinity</kit-button>
    <kit-button class="-flat" kit:assign="mydata null">null</kit-button>
    <kit-button class="-flat" kit:assign="mydata 'Hello'">Hello</kit-button>
  </kit-formgroup>
  <kit-pane kit:observe="mydata"></kit-pane>
  <kit-pane kit:if="mydata">The value is truthy.</kit-pane>
</main>

JavaScript

import Kaf from 'https://mtsgi.github.io/kafjs/kaf.js';

const kaf = new Kaf({
  elem: '#kaf',
  data: {
  	mydata: 500
  }
});