Input

Input forms can be used for receiving information from the user.

Active form input fields

To use this component, wrap the input element in a container with class input-form. All labels should have class label.

                            
                                
                            
                        

Read only form fields

To use this component, use the keyword readonly in the html input tag and add class readonly.

                            
                                
                            
                        

Form validation for errors

To use this component, use the keyword input-error and alert-danger to display alert message.

Incorrect email or password. Try again.
                        
                            
                        
                    

Form validation for check pass

To use this component, use the keyword input-success and alert-success to display alert message.

Strong password.