mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 16:11:33 +08:00
34 lines
670 B
Svelte
34 lines
670 B
Svelte
<script>
|
|
/**
|
|
* Callback for when the form succeeds
|
|
*/
|
|
export let onSuccess;
|
|
|
|
let value = '';
|
|
function handleClick(event) {
|
|
value = event.target.value;
|
|
}
|
|
|
|
let complete = false;
|
|
function handleSubmit() {
|
|
onSuccess(value);
|
|
|
|
setTimeout(() => {
|
|
complete = true;
|
|
}, 500);
|
|
|
|
setTimeout(() => {
|
|
complete = false;
|
|
}, 1500);
|
|
}
|
|
</script>
|
|
|
|
<form id="interaction-test-form" on:submit|preventDefault={handleSubmit}>
|
|
<label>
|
|
Enter Value
|
|
<input type="text" data-testid="value" {value} required on:click={handleClick} />
|
|
</label>
|
|
<button type="submit">Submit</button>
|
|
{#if complete}<p>Completed!!</p>{/if}
|
|
</form>
|