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: ;
