kaf.js sample 04

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-pane>
    <input type="checkbox" kit:bind="un" />
  </kit-pane>
  <kit-pane kit:if="un">Un</kit-pane>
  
  <kit-pane>
    <input type="checkbox" kit:bind="deux" />
  </kit-pane>
  <kit-pane kit:if="deux">Deux</kit-pane>
  
  <kit-pane>
    <input type="checkbox" kit:bind="trois" />
  </kit-pane>
  <kit-pane kit:if="trois">Trois</kit-pane>
</main>

JavaScript

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

const kaf = new Kaf({
  elem: '#kaf'
});