How to use div to customize Inputs positions in Framework

New To Observable
12

You can also find an example of using Inputs.bind here:

https://observablehq.com/framework/javascript#inline-expressions

The input and its reactive variable are declared in JavaScript:

const numberInput = Inputs.input(0);
const number = Generators.input(numberInput);

And then you can embed in Markdown like so:

${Inputs.bind(html`<input type=range style="width: 120px;">`, numberInput)}

And likewise reference the reactive value as:

${number}
3 Likes