Textarea

A multi-line text input that grows with its content.

<script lang="ts">
  import { Textarea } from "$lib/components/ui/textarea";
</script>
 
<Textarea placeholder="Type your message here." class="max-w-sm" />

Installation

npx lily-svelte@latest add textarea

Install the lily base and `utils` (run once per project).

npx lily-svelte@latest init

Copy the textarea source from the registry into `$lib/components/ui/textarea`.

Usage

<script lang="ts">
	import { Textarea } from '$lib/components/ui/textarea';
</script>
 
<Textarea placeholder="Type your message here." />

The textarea uses field-sizing-content, so it grows to fit what you type.

← Tags Input Toggle →