Textarea

Preview

Installation

Packages are unreleased. Follow the packed artifact setup for package mode, or run the local CLI in copy mode and complete the reported npm, token CSS, and Tailwind setup.

pnpm exec ui add textarea

Usage

This example uses package mode. In copy mode, import the generated component from your project and complete the manual setup steps in the installation guide.

import { Textarea } from '@nimjs/ui';

export function Example() {
  return (
    <label htmlFor="bio">Bio</label>
    <Textarea id="bio" rows={4} placeholder="Tell us about yourself" />
  );
}

System metadata

API and states

Use rows for an initial height. The user can resize the native textarea.

Accessibility

Connect a visible label with htmlFor. The native control supports required, disabled, and form submission.