open-webui/src/lib/components/common/Textarea.svelte
Timothy Jaeryang Baek 789e1db260 refac: textarea
2024-11-26 14:14:26 -08:00

28 lines
588 B
Svelte

<script lang="ts">
import { onMount, tick } from 'svelte';
export let value = '';
export let placeholder = '';
export let rows = 1;
export let required = false;
export let className =
'w-full rounded-lg px-3 py-2 text-sm bg-gray-50 dark:text-gray-300 dark:bg-gray-850 outline-none resize-none h-full';
let textareaElement;
// Adjust height on mount and after setting the element.
onMount(async () => {
await tick();
});
</script>
<textarea
bind:this={textareaElement}
bind:value
{placeholder}
class={className}
style="field-sizing: content;"
{rows}
{required}
/>