loading... Pacem JS

Text Input

PacemInputTextElement is the suggested webcomponent for plain text editing.


PacemInputTextElement can be injected into a form via metadata, the following way.

[ {"prop": "name", "type": "string", "display": { "name": "Name", "watermark": "Your name here...", "description": "Write down your full name" }, "extra": { "tooltip": true }, "validators": [{ "type": "required", "errorMessage": "Name is a required field." }] } ]

Styling and Behaviors

PacemInputTextElement (alongisde with all the other similar input components) can exploit some cozy functionalities.
Here are some behavioral attributes:

Keyboard interaction:

A handy style applicable to the input-text is the input-toggle css class, which removes the input hints until the field gets the focus.