Form elements

A collection of advanced form controls published as custom elements. Ranges of these elements can be scaled with linear, logarithm, or exponential curves, values and tickmarks can by expressed in dB, Hz, seconds and other units, and the elements may be used in forms with their values being submitted like other form controls.

<rotary-input>

A rotating knob input that can be dragged vertically, with scaling, step, ticks, units and formatted output display.

Volume Documentation

<range-input>

A horizontal slider input built around an <input type="range"> augmented with scaling, step, ticks, units and formatted output display.

Scale Documentation

<y-input>

A vertical slider input with scaling, step, ticks, units, output display and multiple values.

Range Documentation

<xy-input>

A two-axis input with scaling, step, ticks, units and multiple value handles.

Envelope Documentation

<number-control>

A wrapper element that augments an <input type="number"> with increment/decrement controls.

Documentation

<select-control>

A wrapper element that augments a <select> with previous/next controls.

Documentation