Retents UI

Textarea

A multi-line text input field.

Import

import { Textarea } from "@retents/ui/textarea"

Usage Guidelines

When to use

  • For multi-line text entry such as comments, descriptions, feedback, or messages.
  • When the expected input is longer than a single line.

When NOT to use

  • For single-line text — use Input instead.
  • For rich text editing with formatting — use a dedicated rich text editor.

Preview

0/500

Usage

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

With Label

<div className="grid gap-2">
  <Label htmlFor="message">Message</Label>
  <Textarea id="message" placeholder="Your message..." />
</div>

Source

Props

Extends all native <textarea> HTML attributes.

On this page