Skip to main content

We can also spread event handlers directly onto elements. Here, we’ve defined an onclick handler in App.svelte — all we need to do is pass the props to the <button> in BigRedButton.svelte:

BigRedButton
<button {...props}>
	Push
</button>

Edit this page on GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
	import BigRedButton from './BigRedButton.svelte';
	import horn from './horn.mp3';
 
	const audio = new Audio();
	audio.src = horn;
 
	function honk() {
		audio.load();
		audio.play();
	}
</script>
 
<BigRedButton onclick={honk} />