blob: 7fb91e88b5b5d464f2aa3b796dda7566bf6c3e48 (
plain)
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
|
<script>
let {
username = $bindable(),
password = $bindable(),
legend = 'sign in',
disabled,
onsubmit
} = $props();
</script>
<div class="card m-4 p-4">
<form {onsubmit}>
<label class="label" for="username">
username
<input
class="input"
name="username"
type="text"
placeholder="username"
bind:value={username}
{disabled}
/>
</label>
<label class="label" for="password">
password
<input
class="input"
name="password"
type="password"
placeholder="password"
bind:value={password}
{disabled}
/>
</label>
<button class="btn variant-filled" type="submit">
{legend}
</button>
</form>
</div>
|