svelte-use-debounce

The use directive for debounce.

Installation

npm i svelte-use-debounce

Usage

<script>
    import {debounce} from "svelte-use-debounce";
</script>

<input use-debounce={{ms: 300, callback: (value) => { ... }}} />

Typescript Support

<script lang="ts">
    import {debounce, type DebounceOptions} from "svelte-use-debounce";

    const opts: DebounceOptions = {
        ms: 300,
        callback: (value: string) => {...}
    };
</script>

<input use-debounce={opts} />

Options

Option	Type	Description
ms?	Number	Sets the debounce time.
callback	(str: string) => void;	Callback to run when it debounces