31:[] 2f:{"title":"Multiple inputs in a cell","cells":[{"id":0,"value":"md`\n# Multiple inputs in a cell\na.k.a dashboard cells. See https://beta.observablehq.com/@mbostock/multi-value-inputs\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"md`\n### input / view seperation\ncan use values in multiple other cells\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"viewof rgb = {\n const form = html``;\n form.oninput = () => {form.value = [\n form.r.valueAsNumber, \n form.g.valueAsNumber, \n form.b.valueAsNumber\n ];}\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"rgb","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"rect = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"circle = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"md`\n### self-contained cell\ncan be required in other notebooks as completely standalone cells\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"selfContained = () => {\n const box = html`

`\n const form = html``;\n form.oninput = () => {\n const r = form.r.valueAsNumber;\n const g = form.g.valueAsNumber;\n const b = form.b.valueAsNumber;\n\n box.style.background = `rgb(${r},${g},${b})`\n box.style.borderRadius = `${form.shape.checked === true ? '50%' : '0%'}`\n }\n form.oninput();\n return html`${form}${box}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":153,"value":"dashboard = selfContained()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}