Icon in Center in Input Field


Topic: Icon in Center in Input Field

fe_developer asked 5 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 commented 5 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 5 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: https://vue.mdbootstrap.com/#/forms/inputs

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

Best regards


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

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