Topic: Icon in Center in Input Field
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.
Status
Opened
Specification of the issue
- ForumUser: 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 free commented 4 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 4 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