Textarea

inputs

Displays a form textarea or a component that looks like a textarea.

Preview

Installation

npm install @launchapp/design-system

Import

import { Textarea } from "@launchapp/design-system";

Examples

Basic Textarea

<Textarea placeholder="Type your message here." />

With Label

<div className="grid w-full gap-1.5">  <Label htmlFor="message">Your message</Label>  <Textarea placeholder="Type your message here." id="message" /></div>

Props

Prop	Type	Default	Description
`placeholder`	`string`	—	Placeholder text.
`disabled`	`boolean`	`false`	Disables the textarea.
`rows`	`number`	—	Number of visible text rows.
`value`	`string`	—	Controlled value.
`onChange`	`React.ChangeEventHandler<HTMLTextAreaElement>`	—	Change event handler.
`className`	`string`	—	Additional CSS classes.

← PreviousTabs

Next →Toast