teoldalad/lib/components/dashboard/elements/MultilineTextInput.svelte
2024-03-13 00:30:45 +01:00

19 lines
683 B
Svelte

<script lang="ts">
export let name: string | undefined = undefined;
export let placeholder: string | undefined = undefined;
export let required: boolean = false;
export let value: string | undefined = undefined;
export let rows: number | undefined = undefined;
export let minlength: number | undefined = undefined;
export let maxlength: number | undefined = undefined;
</script>
<textarea
{name}
{placeholder}
{rows}
{minlength}
{maxlength}
{required}
value={value ?? ''}
class="px-4 py-3 bg-field text-text-primary placeholder-text-typeable transition-all ring-0 outline outline-1 outline-transparent focus:outline-accent rounded-xl leading-tight" />