summaryrefslogtreecommitdiff
path: root/ui/lib/components/LogIn.svelte
blob: 4346c47bd94b53ab5eca3107db65397ffe239e1a (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
<script>
	export let disabled = false;
	export let username = '';
	export let password = '';
	export let legend = 'sign in';
</script>

<div class="card m-4 p-4">
	<form on:submit|preventDefault>
		<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>