Svelte Tap Hold
Minimalistic tap and hold component for Svelte/SvelteKit, see demo here.
Installation
// Using Yarn to install
yarn add --dev svelte-taphold
// or if you prefer NPM
npm install --save-dev svelte-taphold
Usage Sample
<script>
import { taphold } from 'svelte-taphold'
let ticks = 0 // show how many ticks button has been hold
let interval = 100
const onTapHold = () => ticks++
const reset = () => ticks = 0
</script>
<h1>Tap and Hold {ticks}x</h1>
<label for="interval">Interval</label>
<input
id="interval"
placeholder="interval"
bind:value={interval}
type="number"/>
<!-- svelte-taphold on button -->
<button
use:taphold={interval}
on:taphold={onTapHold} >
Tap and Hold
</button>
<button on:click={reset}>Reset Iteration</button>
4 May 3, 2022
14 Jan 3, 2023
58 Nov 7, 2022
1 Feb 8, 2022
40 Dec 28, 2022
72 Dec 14, 2022
573 Dec 9, 2022
70 Nov 24, 2022
16 Dec 23, 2022
54 Dec 30, 2022