These components can be styled to fit in perfectly in any app, and allow users to set precise values through many input modalities. Users can touch-and-drag, click-and-drag, scroll their mouse wheel, double click, or use keyboard input. After instantiation you can use the components just like you would any normal input.
Please report any issues you discover on Github.
See https://codepen.io/jhnsnc/pen/mqPGQK/ for a demo using the FLStandardKnob
component.
See https://github.com/jhnsnc/precision-inputs-demo for the same demo in a webpack setup.
See the documentation table-of-contents for instructions on how to use/customize each type of component.
KnobInput
- fully customizable, bare-bones base componentFLStandardKnob
- easy-to-use base knob componentFLReactiveGripDial
- detailed dial with "grip" bumps, good for larger controlsFor now, the components are distributed as a single UMD module with all relevant classes accessible via the default export object.
precision-inputs
└── dist
├── precision-inputs.css
├── precision-inputs.css.map
├── precision-inputs.js
└── precision-inputs.js.map