Font Size Test

16px
18px
20px

Code Style

Dark
Light
Colored

Select

Disply kinds of Select + Options styles


How to Use

Use inside any form where you need to place an element with more than one option to choose from


Classes Name and Effect

Class Name
Effect
moj-select-container
Main Select + Options
moj-small
used in the Form to reduce the size of the Select and Label
moj-block-form
used in the Form to place the internal elements on a separate line
moj-material
used in the Form or on the parent element of Select ,Select changes the shape of the Material Design

Label + selection field on one line, Large Size


Label + selection field on one line , Large size with validation message

Validation Message for Field
Validation Message for Field
Validation Message for Field
Validation Message for Field

Label + selection field on one line, Small size


Label + selection field Each item on a separate line , small size with validation message

Validation Message for Field
Validation Message for Field
Validation Message for Field
Validation Message for Field

label + selection field on separate line , large size


label + selection field on separate line, large size with validation message

Validation Message for Field
Validation Message for Field
Validation Message for Field
Validation Message for Field

label and selection field on separate line , small size


Label + selection field on separate line ,small size with validation message

Validation Message for Field
Validation Message for Field
Validation Message for Field
Validation Message for Field

Label + selection field on one line ,large size by material design format


Label + Disabled format

Validation Message for Field
Validation Message for Field