EccTextarea
EccTextarea shows and edits longer text - as plain text or, with richText, in a WYSIWYG editor.
TSX
import { EccTextarea } from "@/ecc/components/forms/EccTextarea";
The component uses the basic props of all field components - see Component Basics.
Examples
TSX
// display long text with line breaks
<EccTextarea fieldLabel="Reason" value="variables.purchase.reason" data={process} />
// plain input with 6 rows
<EccTextarea id="decisionComment" fieldLabel="Comment" valueOut="output.decisionBoolean.comment" rows={6} editable />
// rich text editor, output is HTML
<EccTextarea fieldLabel="Description" value="purchase.description" data={draft} richText editable valueOut />
// display stored HTML formatted
<EccTextarea fieldLabel="Description" value="variables.purchase.description" data={process} parseRichText />
Props
Basic props (id, fieldLabel, value, data, valueInit, editable, mandatory, valueOut, hidden, allowedGroups, className, style), plus:
Prop
Type
Default
Description
|
|
| height of the plain input |
|
|
| WYSIWYG editor in editable mode; output is HTML |
|
|
| read-only: render stored HTML instead of showing the tags |
Related
Page
Relation
super component: basic props (own rendering) | |
single-line text |
Was this section helpful?
On this page
- EccTextarea