Example of using custom element

Hey @nathancahill, I like where Sveltik is headed, and I’d like to help out with the porting of Formik over to Svelte, but I was wanting to see if I could get you to provide an example of how you can use a custom element with Sveltik.

Here is a real-world element as an example

step-counter.svelte

<script>
	export let value = 0
	export let min = 0
	export let max = 10
	export let label = ''
	export let name = ''

	const decrement = () => { if (value > min) value -= 1 }
	const increment = () => { if (value < max) value += 1 }
</script>

<template>
	<div>
		<button on:click={decrement}>Decrement</button>
		<input type='number' {name} step='1' bind:value={value} readonly>
		<button on:click={increment}>Increment</button>
		{#if label}<p>{label}</p>{/if}
	</div>
</template>

Thanks!

[nathancahill]

Here’s an example with the step counter: https://svelte.dev/repl/38b0d1009d5b4041877b138809d421df?version=3

[nathancahill]

Responding on #9 to keep things organized.