Shield UI

Input

Inputs are used to accept data from user and are used in multiple places. For forms, for log-in for feedback etc. There are simple input and also with validation as well.

Individual usage

This is a simple input with label.

Default :none

Container class : input-container

Input class : input-label input-simple

Input with validation

Strong password

Weak password

Incorrect password

This is a input with validations used for forms or login.

Default : none

Validation class : input-val

Error class : val-success val-warn val-danger