A collection of beautifully designed, accessible, and customizable terminal UI components. Built on Ink and OpenTUI. Works with shadcn/ui.

How do I publish components with termcn?

Add or edit components under registry/bases/ink/ or registry/bases/opentui/, register them in registry.json, run pnpm registry:build (which refreshes public/r/), then deploy. Consumers install with npx shadcn@latest add against your published registry URL.

Is termcn open source?

Yes. The source is on GitHub and released under the MIT License.

Text Area

Multi-line text editor with word wrap

Ink OpenTUI

Terminal

Installation


$ pnpm dlx shadcn@latest add @termcn/text-area

Usage

import { TextArea } from "@/components/ui/text-area";

<TextArea
  label="Description"
  placeholder="Enter a description..."
  rows={4}
  onSubmit={(value) => console.log("Submitted:", value)}
/>

API Reference

TextArea

Prop	Type	Default
`value`	`string`	-
`onChange`	`(value: string) => void`	-
`onSubmit`	`(value: string) => void`	-
`placeholder`	`string`	`""`
`rows`	`number`	`4`
`label`	`string`	-
`id`	`string`	-
`borderStyle`	`"single" \| "double" \| "round" \| "bold" \| "singleDouble" \| "doubleSingle" \| "classic"`	`"round"`
`paddingX`	`number`	`1`
`cursor`	`string`	`"█"`

Search Input Text Input

On This Page

Installation Usage API Reference TextArea

Edit this page Follow @shadcnlabs Join community