Slider Input

A slider input component. Can be used as part of an ISLE dashboard or standalone. In the latter case, you want to handle changes via the onChange attribute or bind the value to a global variable via the bind attribute.

Example:

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

Open interactive preview

Options:

  • defaultValue | number: undefined. Default: 10.
  • disabled | boolean: undefined. Default: false.
  • inline | boolean: undefined. Default: false.
  • max | number: undefined. Default: 100.
  • min | number: undefined. Default: 0.
  • onChange | function: undefined. Default: onChange() {}.
  • precision | number: undefined. Default: 10.
  • step | (number|string): undefined. Default: 1.
  • style | object: undefined. Default: {}.

results matching ""

    No results matching ""