Observable Inputs

Observable Framework documentation: Observable Inputs Source: https://observablehq.com/framework/inputs

Observable Inputs provides “lightweight interface components — buttons, sliders, dropdowns, tables, and the like — to help you explore data and build interactive displays.” Observable Inputs is available by default as Inputs in Markdown, but you can import it explicitly like so:

import * as Inputs from "npm:@observablehq/inputs";

Or, just import the specific inputs you want:

import {button, color} from "npm:@observablehq/inputs";

Inputs are typically passed to the view function for display, while exposing the input’s value generator as a reactive variable. Options differ between inputs. For example, the checkbox input accepts options to disable all or certain values, sort displayed values, and only display repeated values once (among others):