Component

Textarea

Capture multi-line text with ease.

Value: lomer-ui

Installation

npx lomer-ui add textarea

Or copy-paste the

Usage

Bind value property to reflect textarea's value.

import Textarea from '$lib/components/ui/textarea.svelte'
let value = $state('')
<div class="flex flex-col items-center gap-4">
	<Textarea bind:value />
	<p>Value: {value || 'N/A'}</p>
</div>

Preview

Value: N/A

Examples

Loading

Add isLoading property.

<Textarea isLoading value="lomer-ui" />

Preview

Disabled

Add isDisabled property.

<Textarea isDisabled value="lomer-ui" />

Preview

Read only

Add isReadOnly property.

<Textarea isReadOnly value="lomer-ui" />

Preview