mirror of
https://github.com/danielmiessler/Fabric.git
synced 2026-01-10 06:48:04 -05:00
25 lines
656 B
Svelte
25 lines
656 B
Svelte
<script lang="ts">
|
|
import { cn } from "$lib/utils/utils";
|
|
|
|
export let value: string = '';
|
|
export let placeholder: string | undefined = undefined;
|
|
export let id: string | undefined = undefined;
|
|
export let disabled: boolean = false;
|
|
export let required: boolean = false;
|
|
let className: string | undefined = undefined;
|
|
export { className as class };
|
|
</script>
|
|
|
|
<input
|
|
type="text"
|
|
{id}
|
|
bind:value
|
|
{placeholder}
|
|
{disabled}
|
|
{required}
|
|
class={cn(
|
|
"block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm disabled:cursor-not-allowed disabled:opacity-50",
|
|
className
|
|
)}
|
|
/>
|