@engie-group/fluid-design-system-react
Version:
Fluid Design System React
83 lines (82 loc) • 1.74 kB
TypeScript
import React from 'react';
import { WithHTMLAttributes } from '../../utils/typeHelpers';
export declare const NJSlider: React.ForwardRefExoticComponent<import("../../utils/typeHelpers").HTMLAttributesWithoutComponentProps<"input", NJSliderOwnProps> & NJSliderRef & {
/**
* Whether Slider has a tooltip with the value or not
*/
hasTooltip?: boolean;
/**
* Slider label
*/
label?: string;
/**
* Minimum value
*/
min: number;
/**
* Maximum value
*/
max: number;
/**
* Input value
*/
value?: number;
/**
* Increment gap
*/
step: number;
/**
* return input value via argument
*/
onChange?: (inputValue?: number) => void;
/**
* Optional additional className
*/
className?: string;
} & React.RefAttributes<HTMLInputElement>>;
type NJSliderRef = {
/**
* Slider container ref
*/
rootRef?: React.Ref<HTMLDivElement>;
/**
* Slider label ref
*/
labelRef?: React.Ref<HTMLLabelElement>;
};
type NJSliderOwnProps = NJSliderRef & {
/**
* Whether Slider has a tooltip with the value or not
*/
hasTooltip?: boolean;
/**
* Slider label
*/
label?: string;
/**
* Minimum value
*/
min: number;
/**
* Maximum value
*/
max: number;
/**
* Input value
*/
value?: number;
/**
* Increment gap
*/
step: number;
/**
* return input value via argument
*/
onChange?: (inputValue?: number) => void;
/**
* Optional additional className
*/
className?: string;
};
export type NJSliderProps = WithHTMLAttributes<NJSliderOwnProps, 'input'>;
export {};