The avatar for @observablehq
Observable
The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Published
Observable Inputs
Edited
Oct 15, 2021
3 forks
Importers
5 stars
1
Insert cell
Insert cell
Insert cell
viewof text = Inputs.text()
Insert cell
text
Insert cell
Insert cell
viewof name = Inputs.text({label: "Name", placeholder: "Enter your name", value: "Anonymous"})
Insert cell
name
Insert cell
Insert cell
viewof signature = Inputs.text({label: html`<b>Fancy</b>`, placeholder: "What’s your fancy?"})
Insert cell
Insert cell
viewof password = Inputs.password({label: "Password", value: "open sesame"})
Insert cell
password
Insert cell
Insert cell
viewof email = Inputs.text({type: "email", label: "Email", placeholder: "Enter your email"})
Insert cell
[email, viewof email.checkValidity()]
Insert cell
Insert cell
viewof query = Inputs.text({label: "Query", placeholder: "Search", submit: true})
Insert cell
query
Insert cell
Insert cell
capitals = FileAttachment("us-state-capitals.tsv").tsv({typed: true})
Insert cell
viewof state = Inputs.text({
label: "U.S. state",
placeholder: "Enter state name",
datalist: capitals.map(d => d.State)
})
Insert cell
state
Insert cell
Insert cell
viewof fixed = Inputs.text({label: "Fixed value", value: "Can’t edit me!", disabled: true})
Insert cell
fixed
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more