TextArea

A multi-line native text editor.

Import

import { TextArea } from "@tarve/core";

Usage

TextArea.tsx
import { TextArea } from "@tarve/core";

let notes = "";

<TextArea
  value={notes}
  placeholder="Write something…"
  submitOnEnter={false}
  onChange={(value) => {
    notes = value;
  }}
  style={{ height: 160 }}
/>

Props

PropTypeDefault
disabled boolean—
onChange (value: string) => void—
onSubmit (value: string) => void—
placeholder string—
submitOnEnter

When true, Enter submits and Shift+Enter inserts a newline. Ctrl/Cmd+Enter always submits.

boolean—
value string—

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle