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