EccText
EccText shows a single line of text and, with editable, lets the user enter it.
TSX
import { EccText } from "@/ecc/components/forms/EccText";
The component uses the basic props of all field components - see Component Basics.
Examples
TSX
// display
<EccText fieldLabel="Title" value="inputs.purchase.title" data={task} />
// input, required, written back to the same path
<EccText fieldLabel="Department" value="purchase.requester.department" data={draft} editable mandatory valueOut />
// prefilled from the logged-in user, still editable
<EccText fieldLabel="E-mail" value="purchase.requester.email" data={draft} valueInit={user?.email} editable valueOut />
// copyable identifier
<EccText fieldLabel="Business key" value={process.businessKey} copyable showIcon iconPreset="hash" />
// hidden fixed value in the output
<EccText valueInit="purchase.approval01" valueOut="output.decisionBoolean.decisionId" hidden />
// only for controllers
<EccText fieldLabel="Internal note" value="variables.purchase.note" data={process} allowedGroups={["purchase-controlling"]} />
// plain text line, e.g. an info text that a validator shows or hides
<EccText id="info-budget-plan" value={t("app.purchase.ui.request.kind.budgetPlanInfo")} />
Props
All basic props (see Component Basics), plus:
Prop
Type
Description
|
| text or dot path |
|
| object for the path |
|
| text for the clipboard instead of the displayed value; may be a path as well |
Related
Page
Relation
super component: basic props (label, path, output, copy, visibility) | |
for long or formatted text | |
for secret values |
Was this section helpful?
On this page
- EccText