Topic: Error message has been displayed incorrectly
<Input label="Example label" className="invalid" error="Long error message hereeeeee" /> Details on image screenshot
                                                    
                                                    Jakub Mandra
                                             staff  premium                                             answered 7 years ago                                        
mmielko pro commented 7 years ago
I can see only example of how to use validation with bootstrap input fields. Could you show me example how to use it by using your <Input> component for react?
Jakub Mandra staff premium commented 7 years ago
Ah yes, you can use it fully only with bootstrap styled inputs...
If you just replace input with our MDBInput it will only change border colors, the feedback message wont appear.
This functionality is not marked as priority right now, but we will come to it.
Jakub Mandra staff premium commented 7 years ago
But you can just add class md-form, as Ania wrote. 
Remember to delete labels, because this will break the layout.
                                                    
                                                    Anna Morawska
                                             staff                                             answered 7 years ago                                        
.md-form label{
  width: 100%;
}
Best,
Ania                                                                                    FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
 - Premium support: No
 - Technology: MDB React
 - MDB Version: 4.7.1
 - Device: desktop
 - Browser: Chrome
 - OS: Windows
 - Provided sample code: No
 - Provided link: Yes