30 lines
661 B
Svelte
30 lines
661 B
Svelte
<script lang="ts">
|
|
import { createEventDispatcher } from "svelte";
|
|
import Error from "./Error.svelte";
|
|
|
|
let username: string = "";
|
|
|
|
const dispatch = createEventDispatcher();
|
|
</script>
|
|
|
|
<h3>Enter your Username or your E-Mail Address</h3>
|
|
<div class="floating group">
|
|
<!-- svelte-ignore a11y-autofocus -->
|
|
<input
|
|
id="username"
|
|
type="text"
|
|
autocomplete="username"
|
|
autofocus
|
|
bind:value={username}
|
|
/>
|
|
<span class="highlight" />
|
|
<span class="bar" />
|
|
<label for="username">Username or E-Mail</label>
|
|
<Error />
|
|
</div>
|
|
|
|
<button
|
|
class="btn btn-primary btn-wide"
|
|
on:click={() => dispatch("username", username)}>Next</button
|
|
>
|