mirror of
https://github.com/danbulant/Portfolio
synced 2026-05-24 20:42:15 +00:00
33 lines
534 B
Svelte
33 lines
534 B
Svelte
<script lang="ts">
|
|
import Lock from '../icons/Lock.svelte';
|
|
import TextField from './TextField.svelte';
|
|
|
|
export let helperText: string = '';
|
|
export let placeholder: string = '';
|
|
|
|
export let value: string = '';
|
|
export let error: string = '';
|
|
</script>
|
|
|
|
<TextField
|
|
bind:error
|
|
bind:value
|
|
on:click
|
|
on:keydown
|
|
on:keyup
|
|
{placeholder}
|
|
{helperText}
|
|
on:change
|
|
type="password"
|
|
icon
|
|
>
|
|
<div slot="icon" class="flex items-center justify-center">
|
|
<Lock />
|
|
</div>
|
|
</TextField>
|
|
|
|
<style>
|
|
div {
|
|
@apply text-sspsBlue;
|
|
}
|
|
</style>
|