<data-bind>

An element for propagating data changes between elements.

Features

Examples

Basic

Display slider value:

<data-bind>
	<input type="range" data-bind-source></textarea>
	<span data-bind="value"></span>
</data-bind>

Show character count:

<data-bind>
	<textarea data-bind-source></textarea>
	<span data-bind="value.length"></span>
</data-bind>

Installation

Just include the component's JS file and you're good:

<script src="https://nudeui.com/data-bind/data-bind.js" type="module"></script>

In case you want to link to local files: CSS is fetched automatically, and assumed to be in the same directory as the JS file.