Textarea

Textareas allow users to enter multi-line text, useful for messages, descriptions, and other longer form inputs.

Preview

Usage

tsx

1
2
3
4
import { Textarea } from '@e-infra/design-system'

<Textarea placeholder="Type your message here." rows={4} />
<Textarea disabled placeholder="Disabled textarea" />

Props

Prop	Type	Default	Description
value	string	-	Value (controlled)
defaultValue	string	-	Initial value (uncontrolled)
placeholder	string	-	Placeholder text
rows	number	-	Number of visible text lines
disabled	boolean	`false`	Disable the textarea
className	string	-	Additional CSS classes
...props	React.TextareaHTMLAttributes	-	Native textarea props

Sizing

Prop	Description
`rows`	Sets the number of visible text lines
`className`	Can override height with `h-auto` or custom height