@hakit/components
Version:
A series of components to work with @hakit/core
32 lines • 1.67 kB
TypeScript
import { ReactNode } from 'react';
export interface RangeSliderProps extends Omit<React.ComponentPropsWithoutRef<"input">, "onInput" | "onChange"> {
/** The minimum value for the input @default 0 */
min?: number;
/** The maximum value for the input @default 100 */
max?: number;
/** The step value for the input @default 1 */
step?: number;
/** The value for the input @default 0 */
value?: number;
/** The handle size in px for the input @default 15 */
handleSize?: number;
/** The label for the input @default undefined */
onChange?: (value: number, event: React.ChangeEvent<HTMLInputElement>) => void;
onChangeComplete?: (value: number, event: React.ChangeEvent<HTMLInputElement>) => void;
/** Debounce/throttle value @default 300 */
debounceThrottleValue?: number;
debounceType?: "debounce" | "throttle";
/** The label for the input @default undefined */
label?: ReactNode;
/** The description for the input @default undefined */
description?: ReactNode;
/** should the tooltip value be hidden @default false */
hideTooltip?: boolean;
/** function to format the value displayed in the tooltip */
formatTooltipValue?: (value: number) => string;
/** tooltip size, increase/decrease the size of the tooltip, value should be a number representing rems @default 2 */
tooltipSize?: number;
}
/** The RangeSlider is a simple component that allows you to provide a slider to extract a value and do something with it */
export declare function RangeSlider(props: RangeSliderProps): import("@emotion/react/jsx-runtime").JSX.Element;
//# sourceMappingURL=index.d.ts.map