eewing
21 lines
502 B
Svelte
21 lines
502 B
Svelte
<script lang="ts">
|
|
import { mergeProps, srOnlyStylesString } from "svelte-toolbelt";
|
|
import type { HTMLInputAttributes } from "svelte/elements";
|
|
|
|
let { value = $bindable(), ...restProps }: HTMLInputAttributes = $props();
|
|
|
|
const mergedProps = $derived(
|
|
mergeProps(restProps, {
|
|
"aria-hidden": "true",
|
|
tabindex: -1,
|
|
style: srOnlyStylesString,
|
|
})
|
|
);
|
|
</script>
|
|
|
|
{#if mergedProps.type === "checkbox"}
|
|
<input {...mergedProps} {value} />
|
|
{:else}
|
|
<input bind:value {...mergedProps} />
|
|
{/if}
|