Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | <script>
import { InputField } from '@rokkit/organisms'
import { createEventDispatcher } from 'svelte'
const dispatch = createEventDispatcher()
export let type = 'email'
export let value = ''
export let password = ''
function handle() {
dispatch('click', { [type]: value, password })
}
$: type = type === 'phone' ? 'tel' : type
</script>
<InputField
name="email"
{type}
icon="i-auth-{type}"
label={type}
autocomplete="on"
bind:value
/>
<InputField
name="password"
type="password"
icon="i-auth-password"
label="Password"
bind:password
/>
<button
on:click={handle}
class="col-start-3 text-center h-10 mt-4 bg-primary text-white"
>
Sign in
</button>
|