@devshack/react-circular-input
Version:
React components for easily composing a circular range input
15 lines (14 loc) • 683 B
TypeScript
import { MouseEvent, TouchEvent, SetStateAction, Dispatch } from 'react';
import { Coordinates } from './utils';
export declare type CircularInputContext = {
value: number;
radius: number;
center: Coordinates;
isFocused: boolean;
setFocused: Dispatch<SetStateAction<boolean>>;
onChange: (value: number) => any;
getPointFromValue: (v?: number) => Coordinates | null;
getValueFromPointerEvent: (e: MouseEvent | TouchEvent) => number;
};
export declare const CircularInputProvider: import("react").ProviderExoticComponent<import("react").ProviderProps<{} | CircularInputContext>>;
export declare function useCircularInputContext(): CircularInputContext;