import type React from 'react'; import type { GlobalHTMLAttributes } from './types'; export interface RangeSliderProps extends GlobalHTMLAttributes { /** * The name of the input to use when submitting the form. */ name?: string; /** * Id of a form element that this input should be associated with. Defaults to the containing * form element. */ form?: string; onFocus?: React.FocusEventHandler; onBlur?: React.FocusEventHandler; onKeyDown?: React.KeyboardEventHandler; onKeyUp?: React.KeyboardEventHandler; /** * The minimum value for the input. */ min?: number; /** * The maximum value for the input. */ max?: number; /** * The step interval between values. */ step?: number; /** * Id of a `` element with a list of predefined values to suggest to the user. */ list?: string; /** * Default value of an uncontrolled input. */ defaultValue?: number; /** * Provide a tooltip while sliding, indicating the current value. */ tooltip?: boolean; /** * Value of the input. * * Makes the input controlled. */ value?: number; /** * Fires immediately when the input’s value is changed by the user (for example, it fires on every keystroke). */ onChange?: React.ChangeEventHandler; } /** * `RangeSlider` is shipped as a standalone React component without the standard label/hint/error configuration of most inputs, * as it's envisaged that its primary use will be in custom components. Due to the [fragmented browser landscape](https://github.com/w3c/csswg-drafts/issues/4410) * of native range inputs, we need to control aspects of the visual style with JavaScript - so we do not ship a HTML-only version of this component. *
* `RangeSlider` can be used uncontrolled (native), or controlled. To make a `RangeSlider` controlled, set both the `value` prop and the `onChange` handler. */ export declare const RangeSlider: React.ForwardRefExoticComponent>;