MDB form input feilds with icon\\\\\\\'s

Sree Vennam asked 9 months ago

I am using MDB for the first time to evaluate to get the pro option but when I was testing a very basic form the icon are displayed in the middle of input text feild instead of the left / right.Could you help me understand how to formar the icon\\\\\\\'s for the input feilds.

Damian Gemza answered 9 months ago


Dear Sree, please check our documentation for inputs. Please try to use below code:

<div class="md-form">

<i class="fa fa-envelope prefix"></i>

<input mdbActive type="text" id="form2" class="form-control">

<label for="form2">Example label</label>


You'll get input with icon on left. Please let me know, if this works for you.

Best Regards,

Please insert min. 20 characters.


Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No