Font Size Test

16px
18px
20px

Code Style

Dark
Light
Colored

Input Text

Input Text Demo


How to Use

Used inside the form to type text like name, address, mobile number, or any field on one line.


Classes Name and Effect

Class Name
Effect
moj-text-container
the main class of the parent component that contains the Text Input + Label
moj-block
makes the Label and the input fields in a separate row
moj-material
used in the Form or on the parent element of the Text Input that changes the shape of the Material Design

Label + Text Input + Validation Message on the same line

Validation Message Demo

Label + Text Input + Validation Message + Icon on one line

Validation Message Demo

Each Label + Text Input + Validation Message on separate line

Validation Message Demo

Label + Text Input + Validation Message + Icon on separate line

Validation Message Demo