block by rveciana e13de739859b75361b8905506492d3cf

Hi Svelte

Full Screen

Checking svelte and bl.ocks.org

index.html

<!doctype html>
<html>
<head>
	<meta charset='utf8'>
	<meta name='viewport' content='width=device-width'>

	<title>Svelte test</title>

	<link rel='stylesheet' href='bundle.css'>
</head>

<body>
	<script src='bundle.js'></script>
</body>
</html>

App.svelte

<script>
	import './wired.js';
	let name = '';
	let input;
	
	function handleClick() {
		name = input.value;
	}
</script>

<wired-input placeholder="Enter your name" bind:this={input}></wired-input>
<wired-button elevation="3" on:click={handleClick}>Submit</wired-button>

<h4>Hello {name}!</h4>