OVERSCANUI KIT
no button at all a worn bezel with weight channels do not converge zero depth instrumented, full of smoke a field of real characters a camera looking out additive, so no shadow hairlines, no new shader no raster, so no scanlines

A control with a price. Most buttons are free: you press, something happens, and nothing about the button says what it spent. The one on the right states its price on the control, needs a deliberate hold to commit, and if you let go early it cancels and says so, because a silent cancel is indistinguishable from a control that does not work. The dial's detents are exact and the readout shows the snapped value, never where your finger is. The sliders are real range inputs. The pop-out menu lives in the top layer, which is the only thing that escapes a themed surface's stacking context.

demo/control.html, from this page
import 'overscan'
import 'overscan/overscan.css'

<ov-hold
  label="purge sector 4"
  price="vents 40% reserve"
  hold="900"
></ov-hold>
terminal
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so
variation: label="PURGE SECTOR 4" price="VENTS 40% RESERVE"
import 'overscan'
import 'overscan/overscan.css'

<ov-hold
  label="PURGE SECTOR 4"
  price="VENTS 40% RESERVE"
  hold="900"
></ov-hold>
industrial
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so
cyber
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so
antiseptic
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so
esper
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so
neo
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so
machina
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so
holo
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so
aegis
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so
vector
dial
detents are exact: the value snaps and the readout shows the snapped value
slider a real input type=range, so keyboard and announcement come free
buttons
a control with a price hold to commit. let go early and it cancels, and says so