Lib: Add password input

This commit is contained in:
2024-12-12 04:37:17 +01:00
parent f46a92d00b
commit e268f4a0d3

View File

@ -0,0 +1,27 @@
<script lang="ts">
let { id, name, disabled = false } = $props();
</script>
<label for={id} class="input input-bordered mt-2 flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
fill="currentColor"
class="h-4 w-4 opacity-70"
>
<path
fill-rule="evenodd"
d="M14 6a4 4 0 0 1-4.899 3.899l-1.955 1.955a.5.5 0 0 1-.353.146H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2.293a.5.5 0 0 1 .146-.353l3.955-3.955A4 4 0 1 1 14 6Zm-4-2a.75.75 0 0 0 0 1.5.5.5 0 0 1 .5.5.75.75 0 0 0 1.5 0 2 2 0 0 0-2-2Z"
clip-rule="evenodd"
/>
</svg>
<input
{id}
{name}
type="password"
class="grow"
{disabled}
required
placeholder="Password"
/>
</label>