Textarea

Forms

A multi-line text field with the same borderless field treatment.

Live preview

Message

Markdown is supported.

Installation

Import the component from the kit. The package ships source and is transpiled by Next.js.

Import

import { Field, Textarea } from "@nphuonha/ui-kit";

Compose the component with your own content. All controls share the same focus, disabled and invalid states.

Usage

<Textarea placeholder="Write something..." rows={4} />

Props are additive to the underlying Base UI or native element.

Prop	Type	Default	Description
error	boolean	—	Applies the invalid visual state.
placeholder	string	—	Hint text when empty.
rows	number	—	Native textarea rows.
disabled	boolean	—	Disables the field.