The potentiometer is an input element, with a knob that the user can rotate. Rotating the knob should emit an event reflecting the new value. The starting value, as well as min/max values can be provided by the users as attributes (we can use 0/100 as the default min/max values). Ideally, the attributes/events of this component will behave like <input type="range">.

Special considerations to take into account: Mobile support, keyboard support (accessibility).

Reference images:

Licence: CC-BY 3.0