welcome-ui/dist/types/components/Slider/index.d.ts

Customizable design system with react • styled-components • styled-system and ariakit.

import { default as React } from 'react';
import { CreateWuiProps } from '../System';
import { Range as RangeType } from './Range';
export type Type = 'inline' | 'left-field' | 'right-field';
export type { RangeType };
export declare const thumbWidth = 20;
export interface SliderOptions extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
    borderSelectorColor?: string;
    disabled?: boolean;
    hint?: string;
    label?: string;
    max: number;
    min: number;
    onChange: (value: number) => void;
    step?: number;
    tooltip?: boolean;
    type?: Type;
    value: number;
    values?: number[];
}
export type SliderProps = CreateWuiProps<'div', SliderOptions>;
export declare const round: (value: number, step: number) => number;
export declare const ensureMinMax: (value: number, min: number, max: number, step: number) => number;
export declare const SliderComponent: import('../System').CreateWuiComponent<"div", SliderProps>;
export declare const Slider: import('../System').CreateWuiComponent<"div", SliderProps> & {
    Range: import('../System').CreateWuiComponent<"div", import('./Range').RangeProps>;
};