Topic: Icon in Center in Input Field

fe_developer free asked 3 years ago

Expected behavior Icon should come on left of Input Field. Actual behavior Icon is coming in center of Input Field. Resources (screenshots, code snippets etc.) *Code Used* Screenshot enter image description here

fe_developer free commented 3 years ago

I have used following code: mdb-input class="mb-3 mt-1 ml-3 mr-3" size="lg" icon="envelope" label="Name" v-model="app_name"

Mikołaj Smoleński staff commented 3 years ago

I guess it has connection with the wrapper of the component in your project or other custom classes are applied to icon. Please check in console all styles of icon in input (F12).

In our demo there is a working example:

And here is the code: <mdb-input m="t5" type="text" label="Input with icon" icon="envelope" />

Best regards

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.6.0
  • Device: laptop
  • Browser: Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: No