@useloops/design-system/dist/systems/WebCore/Slider/Slider.d.ts

The official React based Loops design system

import { BoxProps } from '@mui/material';
import { ReactNode, FunctionComponent } from 'react';
import { InputLabelHelpProps } from '../InputLabelHelp/InputLabelHelp.js';

interface Mark {
    value: number;
    label?: ReactNode;
}
interface SliderProps {
    labelLeft: string;
    labelRight: string;
    labelMiddle?: string;
    min?: number;
    max?: number;
    labelRightProps?: InputLabelHelpProps;
    labelLeftProps?: InputLabelHelpProps;
    marks?: Mark[];
    marksStep?: number;
    internalChange?: () => void;
    disabled?: boolean;
    onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
    step?: number;
    value?: number | number[];
    slotProps?: {
        root?: BoxProps;
    };
}
declare const Slider: FunctionComponent<SliderProps>;

export { Slider as default };
export type { SliderProps };