JSFiddle - React, Tailwind, and code Playground

by mgiuffrida

HTML

<script>Polymer = {dom: 'shadow'};</script>
<base href="https://polygit.org/*+:master/components/">
<link rel="import" href="polymer/polymer.html">
<link rel="import" href="paper-checkbox/paper-checkbox.html">

<dom-module id="x-foo">
  <template>
    <paper-checkbox checked="{{isChecked}}"></paper-checkbox>
    [[getNotChecked(!isChecked)]]
  </template>
</dom-module>

<x-foo></x-foo>

JavaScript

Polymer({
  is: 'x-foo',
  properties: {
    isChecked: {
      type: Boolean,
      value: false,
    },
  },
  getNotChecked: function(unchecked) {
    return unchecked ? 'Box is unchecked' : 'Box is not unchecked!';
  }
});