TEXTAREA

Multi-line monospace text input. Resize handle disabled by default to match the terminal chrome.

Live demo

import { TextArea } from '@cathode-ui/react';

Name	Type	Default	Required	Description
`value`	`string`	—	yes
`onChange`	`(v: string) => void`	—	yes
`placeholder`	`string`	—	—
`disabled`	`boolean`	`false`	—
`rows`	`number`	`4`	—
`maxLength`	`number`	—	—	Shows a character counter below when set.
`resizable`	`boolean`	`false`	—
`weight`	`'regular'\|'bold'`	`regular`	—	Font weight of the typed text.

<TextArea value={notes} onChange={setNotes} placeholder="ADD NOTES…" />

<TextArea value={bio} onChange={setBio} maxLength={160} />

Role: textbox

Haptic	`none`
Sound	`none`

  
  ← All components