Text inputs allow the user to enter and edit text. The fields may have a label on the top or left side, an optional icon on the far right, and helper text on occasions where more clarification or validation is needed.

height: 82px;

width: 286px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 82px;

width: 367px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

Text input states

height: 52px;

width: 478px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 52px;

width: 478px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 52px;

width: 478px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 52px;

width: 478px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 52px;

width: 478px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 52px;

width: 478px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 52px;

width: 478px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

Text Area

The text area input is used for long-form text with multiple lines.

height: 142px;

width: 351px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

Tag Input

The tag input component allows an array of strings or custom objects to be displayed as tags inside a text input box.

height: 132px;

width: 312px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

Questions? Drop us a line

helloux@microfocus.com

ยฉ Copyright 2021 Micro Focus or one of its affiliates