svelte/site/content/examples/binding-input-checkbox/App.svelte

{#each todos as todo}
	<div class="todo {todo.done ? 'done': ''}">
		<input type=checkbox bind:checked={todo.done}>
		<input type=text bind:value={todo.description}>
	</div>
{/each}

<style>
	input[type="text"] {
		width: 20em;
		max-width: calc(100% - 2em);
	}

	.done {
		opacity: 0.6;
	}
</style>