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

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes