fluent-svelte-updated
Version:
Forked from https://github.com/vegardlarsen/fluent-svelte. A faithful implementation of Microsoft's Fluent Design System in Svelte.
61 lines (60 loc) • 1.87 kB
TypeScript
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
$$bindings?: Bindings;
} & Exports;
(internal: unknown, props: Props & {
$$events?: Events;
$$slots?: Slots;
}): Exports & {
$set?: any;
$on?: any;
};
z_$$bindings?: Bindings;
}
/**
* 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]} />
* ```
*/
declare const Slider: $$__sveltets_2_IsomorphicComponent<{
[x: string]: any;
value?: number;
min?: number;
max?: number;
step?: number;
ticks?: number[];
tickPlacement?: "around" | "before" | "after";
tooltip?: boolean;
prefix?: string;
suffix?: string;
track?: boolean;
orientation?: "vertical" | "horizontal";
reverse?: boolean;
disabled?: boolean;
class?: string;
inputElement?: HTMLInputElement;
containerElement?: HTMLDivElement;
tickBarElement?: HTMLDivElement;
thumbElement?: HTMLDivElement;
railElement?: HTMLDivElement;
trackElement?: HTMLDivElement;
stepUp?: () => void;
stepDown?: () => void;
}, {
change: CustomEvent<any>;
} & {
[evt: string]: CustomEvent<any>;
}, {
tooltip: {
prefix: string;
suffix: string;
value: number;
};
}, {
stepUp: () => void;
stepDown: () => void;
}, string>;
type Slider = InstanceType<typeof Slider>;
export default Slider;