summaryrefslogtreecommitdiff
path: root/ui/lib/components/LogIn.svelte
blob: 4e28abedaa5402a5af58f037a38e4edc7a506132 (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>