Function Example

packages/react-aria/test/slider/useSliderThumb.test.js:347–370

(props)

    let stateRef = React.createRef();

    function Example(props) {
      let trackRef = useRef(null);
      let inputRef = useRef(null);
      let state = useSliderState({...props, numberFormatter});
      stateRef.current = state;
      let {trackProps} = useSlider(props, state, trackRef);
      let {inputProps, thumbProps} = useSliderThumb(
        {
          ...props,
          'aria-label': 'Min',
          index: 0,
          trackRef,
          inputRef: inputRef
        },
        state
      );
      return (
        <div data-testid="track" ref={trackRef} {...trackProps}>
          <div data-testid="thumb" {...thumbProps}>
            <input ref={inputRef} {...inputProps} />
          </div>
        </div>
      );
    }

    describe('using PointerEvents', () => {
      installPointerEvent();