JSFiddle - React, Tailwind, and code Playground
JavaScript
var
kind = require('enyo/kind');
ready = require('enyo/ready');
Model = require('enyo/Model');
var MyControl= kind({
name: "MyControl",
model: null,
components: [
{kind: "enyo.Control", name: "nameLabel"},
{kind: "onyx.Slider", name: "slider", onChanging: "sliderChanging"},
{kind: "enyo.Input", name: "input", oninput: "inputChanged"}
],
bindings: [
{from: "model.name", to: "$.nameLabel.content"},
{from: "model.value", to: "$.slider.value", oneWay: false},
{from: "model.value", to: "$.input.value", oneWay: false}
]
});
ready(function () {
new MyControl({
fit: true,
model: new Model({name: "Bob", value:20})
}).renderInto(document.body);
});