Input.svelte

<script>
	export let value
	export let name
</script>


<div>
	<input
		on:change
		on:blur
		on:focus
		bind:value
		type="text"
		name="{name}"
		class="block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
		placeholder="Benjamin Froggit"
	>
</div>