JSFiddle - React, Tailwind, and code Playground

by enyojs

JavaScript

enyo.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}
	]
}); 

new MyControl({
    fit: true, 
    model: new enyo.Model({name: "Bob", value:20})
}).renderInto(document.body);