Number Configs
Learn all about the number config components in OneConfig
Common numbers
Slider
The slider is a basic draggable element, often used for numbers that control something like the width of an element. They have a little input box on the right side, to allow for manual inputs. So it's not cramped, the slider only has a single-column variant.
Sliders can either return an integer or a float, and are able to be stepped.
Number Input
The number input is an adapted text field that only accepts valid numeric values. It similarly can be a float or integer. It can be displayed in either a dual or single-column mode.
It also has cute little arrows next to it which can be clicked to increase or decrease the number by the step
value (default 1)
When should you use a slider or number input
Essentially, if the feature should be "played with", use a slider. Things like volume, size, or time. Number inputs, on the other hand, are intended for more manual control. Basically, if the user doesn't know the actual number they need, use a slider. Otherwise, number input.
Last updated