Textarea

A styled multi-line text input component.

bun x bosia@latest add textarea

A multi-line text input with bindable value and auto-growing height.

Preview

Message

Bio

Disabled (label dims automatically)

Props

Prop	Type	Default
`value`	`string`	`""`
`placeholder`	`string`	`""`
`disabled`	`boolean`	`false`
`id`	`string`	—
`name`	`string`	—

Usage

<script lang="ts">
	import { Textarea } from "$lib/components/ui/textarea";
	let message = $state("");
</script>

<Textarea bind:value={message} placeholder="Type your message..." />

With Label

<label for="bio" class="text-sm font-medium">Bio</label>
<Textarea id="bio" placeholder="Tell us about yourself..." />