Public
Edited
Mar 4, 2023
Insert cell
Insert cell
viewof state = Inputs.button("Go Next", {
})
Insert cell
ns = Inputs.text().classList[0]
Insert cell
html`<style>
.${ns} button {
background-color: #1F2428;
border: none;
color: white;
padding: 10px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
}

.${ns} div label {
background-color: #f4f4f4;
padding: 1.25rem 0.5rem;
border-radius: 0.5rem;
}

.${ns} div label:hover,
.${ns} div label:active,
.${ns} div label:focus {
background-color: #cdecff;
}
</style>`
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