fluent-svelte-extra/Slider/Slider.svelte.d.ts

A faithful implementation of Microsoft's Fluent Design System in Svelte.

import { SvelteComponentTyped } from "svelte";
declare const __propDef: {
    props: {
        [x: string]: any;
        value?: number;
        min?: number;
        max?: number;
        bufferValue?: number;
        step?: number;
        ticks?: number[];
        tickPlacement?: "around" | "before" | "after";
        tooltip?: boolean;
        prefix?: string;
        suffix?: string;
        track?: boolean;
        orientation?: "vertical" | "horizontal";
        loading?: boolean;
        reverse?: boolean;
        disabled?: boolean;
        class?: string;
        inputElement?: HTMLInputElement;
        containerElement?: HTMLDivElement;
        tickBarElement?: HTMLDivElement;
        thumbElement?: HTMLDivElement;
        railElement?: HTMLDivElement;
        trackElement?: HTMLDivElement;
        bufferElement?: HTMLDivElement;
        stepUp?: () => void;
        stepDown?: () => void;
    };
    events: {
        userUpdate: CustomEvent<any>;
        userHoldStart: CustomEvent<any>;
        userHoldEnd: CustomEvent<any>;
        userChange: CustomEvent<any>;
        change: CustomEvent<any>;
        end: CustomEvent<any>;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        tooltip: {
            prefix: string;
            suffix: string;
            value: number;
        };
    };
};
export declare type SliderProps = typeof __propDef.props;
export declare type SliderEvents = typeof __propDef.events;
export declare type SliderSlots = typeof __propDef.slots;
/**
 * A slider is a control that lets the user select from a range of values by moving a thumb control along a track. [Docs](https://fluent-svelte.vercel.app/docs/components/slider)
 * - Usage:
 * ```tsx
 * <Slider bind:value min={-100} max={100} step={10} ticks={[-50, 0, 50]} />
 * ```
 */
export default class Slider extends SvelteComponentTyped<SliderProps, SliderEvents, SliderSlots> {
    get stepUp(): () => void;
    get stepDown(): () => void;
}
export {};