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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- 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
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