@hakit/components
Version:
A series of components to work with @hakit/core
33 lines • 1.79 kB
TypeScript
export interface ControlSliderProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange"> {
/** the orientation of the slider @default true */
vertical?: boolean;
/** hide the handle on the slider @default false */
showHandle?: boolean;
/** the value of the slider, this should equal to or between the min/max values */
value: number;
/** the mode of the slider @default start */
mode?: "start" | "end" | "cursor";
/** the minimum value of the slider @default 0 */
min?: number;
/** the max value of the slider @default 100 */
max?: number;
/** the thickness of the slider @default 40 */
thickness?: number;
/** the border radius of the slider @default 10 */
borderRadius?: number;
/** the step increment of the slider @default 1 */
step?: number;
/** should the slider be disabled @default false*/
disabled?: boolean;
/** the colour to theme the slider, this should be in rgb format or a css color value [number, number, number] @default [70, 70, 70] */
sliderColor?: [number, number, number] | string;
/** called when the slider is being dragged around @default undefined */
onChange?: (value: number) => void;
/** called when the user has finished interacting with the slider @default undefined */
onChangeApplied?: (value: number) => void;
/** when true, minimum value (>0) is visually mapped to a baseline fill (12%) so it's still visible */
clampValueToBaseline?: boolean;
}
/** A interactive slider to control values ranging between two other values, eg brightness on a light, or curtain position etc.. */
export declare function ControlSlider(props: ControlSliderProps): import("@emotion/react/jsx-runtime").JSX.Element;
//# sourceMappingURL=index.d.ts.map