Examples
- Introduction
- Reactivity
- Props
- Logic
- Events
- Bindings
- Lifecycle
- Stores
- Motion
- Transitions
- Animations
- Easing
- SVG
- Actions
- Classes
- Component composition
- Context API
- Special elements
- Module context
- Debugging
- 7GUIs
- Miscellaneous
App.svelte
longpress.js
<script> import { longpress } from './longpress.js'; let pressed = false; let duration = 2000; </script> <label> <input type=range bind:value={duration} max={2000} step={100}> {duration}ms </label> <button use:longpress={duration} on:longpress="{() => pressed = true}" on:mouseenter="{() => pressed = false}" >press and hold</button> {#if pressed} <p>congratulations, you pressed and held for {duration}ms</p> {/if}
loading editor...
Console
loading Svelte compiler...
loading editor...
Compiler options
result = svelte.compile(source, {
generate:
});loading editor...