Auth pages #6
3 changed files with 11 additions and 7 deletions
BIN
bun.lockb
BIN
bun.lockb
Binary file not shown.
|
|
@ -61,6 +61,7 @@
|
|||
"graphql-yoga": "^5.10.4",
|
||||
"pino": "^9.5.0",
|
||||
"pino-pretty": "^13.0.0",
|
||||
"tailwind-merge": "^2.5.5",
|
||||
"zod": "^3.24.0"
|
||||
}
|
||||
}
|
||||
|
|
@ -1,14 +1,17 @@
|
|||
<script lang="ts">
|
||||
import type { HTMLInputTypeAttribute } from 'svelte/elements';
|
||||
import type { HTMLAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
|
||||
import { twMerge } from 'tailwind-merge';
|
||||
|
||||
let {
|
||||
label,
|
||||
name,
|
||||
type = 'text'
|
||||
}: { label?: string; name: string; type?: HTMLInputTypeAttribute } = $props();
|
||||
type InputProps = {
|
||||
label?: string;
|
||||
name: string;
|
||||
type?: HTMLInputTypeAttribute;
|
||||
} & HTMLAttributes<HTMLDivElement>;
|
||||
|
||||
let { label, name, type = 'text', ...props }: InputProps = $props();
|
||||
</script>
|
||||
|
||||
<div class="hestia-input">
|
||||
<div {...props} class={twMerge('hestia-input', props.class)}>
|
||||
{#if label}
|
||||
<label for={name}>{label}</label>
|
||||
<div class="line"></div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue