UI component
TextArea
TextArea is a controlled multi-line input for notes, descriptions, and longer freeform content with optional access-aware behavior.
Installation
Install the package in your app.
pnpm add @rapidset/rapidkitUsage
Import components from the package entrypoint.
import { TextArea } from '@rapidset/rapidkit';Examples
Preview the component and copy the snippet.
Keep this concise and actionable.
API Reference
Commonly used props at a glance.
| Prop | Description |
|---|---|
| name | Identifies the field for change handlers and form submission mapping. |
| value | Controls the text area value when parent state owns the field. |
| onChange | Receives the native textarea change event to support standard form workflows. |
| label, helperText, and error | Provides clear guidance and validation messaging around longer text input. |
| rows and placeholder | Controls visible height and hint copy for better writing ergonomics. |
Accessibility
TextArea connects labels and invalid state to a native textarea so assistive technology can announce context and validation feedback clearly.
Optional access rules
Optional access rules let TextArea stay hidden when view is denied or visible-but-disabled when edit is denied, with no host-app coupling.