office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
57 lines (56 loc) • 1.5 kB
TypeScript
export interface ISliderProps {
/**
* Description label of the Slider
*/
label?: string;
/**
* The initial value of the Slider. Use this if you intend for the Slider to be an uncontrolled component.
* This value is mutually exclusive to value. Use one or the other.
*/
defaultValue?: number;
/**
* The initial value of the Slider. Use this if you intend to pass in a new value as a result of onChange events.
* This value is mutually exclusive to defaultValue. Use one or the other.
*/
value?: number;
/**
* The min value of the Slider
* @default 0
*/
min?: number;
/**
* The max value of the Slider
* @default 10
*/
max: number;
/**
* The diffrrence between the two adjacent values of the Slider
* @default 1
*/
step?: number;
/**
* Whether to show the value on the right of the Slider.
* If you want to show the value by yourself, you may want to set this value to false.
*/
showValue?: boolean;
/**
* Callback when the value has been changed
*/
onChange?: (value: number) => void;
/**
* A description of the Slider for the benefit of screen readers.
*/
ariaLabel?: string;
/**
* Whether or not the Slider is disabled.
*/
disabled?: boolean;
/**
* Optional className for slider.
*/
className?: string;
}
export interface ISlider {
value: number;
focus: () => void;
}