Slider Input

A slider input component. Usually, this will be used as part of an ISLE dashboard, but it can also be used standalone. In this case, you want to handle changes via the onChange attribute.

Example:

<SliderInput
    legend="Success Probability"
    defaultValue={0.5}
    min={0}
    max={1}
    step={0.01}
/>

Open interactive preview

Options

  • legend: The string caption of the input. For example, if one wishes to use a slider input to capture age, the legend would be "Age". Default: ''.
  • defaultValue: The value the slider is initialized with. Default: 10.
  • min: The minimum value of the slider. Default: 0.
  • max: The maximum value of the slider. Default: 100.
  • step: The step size of the slider. will al Default: 1.
  • inline: A bool value indicating whether to place the slider inline with text or outside the text. Default: false.
  • precision: The number of digits after the decimal points displayed for the current value, the rounding of the input. The value will be rounded to have no more significant digits than the precision. For example, if one wishes to only use integers, a precision of 10 would be used, while if one wishes to round to the hundreds place, one would use a precision of 0.001.
  • disabled: A bool value to indicate whether the slider is active or not. If set to true, the slider will be present on the screen, albeit greyed-out. Useful for testing and debugging.
  • onChange: Callback function invoked after each change of the slider value. Default: null.

Note that the values of the slider will always be of the form:

results matching ""

    No results matching ""