q-input type:password Extra icons
See original GitHub issue<q-input v-model="password" filled :type="isPwd ? 'password' : 'text'" hint="Password with toggle">
<template v-slot:append>
<q-icon
:name="isPwd ? 'visibility_off' : 'visibility'"
class="cursor-pointer"
@click="isPwd = !isPwd"
/>
</template>
</q-input>
Issue Analytics
- State:
- Created 3 years ago
- Comments:6 (1 by maintainers)
Top Results From Across the Web
Input
The QInput component is used to capture text input from the user. It uses v-model , similar to a regular input. It has...
Read more >Input (Textfield)
If you use the input type password , the component will hide the characters entered by the user, but it will also offer...
Read more >How to put fa fa icons inside my input text box? [duplicate]
Hi I tried ur one, at first it working for me, but after I removed @ anuresh's Css, the positions slightly changed. SO...
Read more >How to place Font Awesome icon to input field
After that, we will place the font-awesome icon inside the input ... input[type=password] { ... Set extra style for the cancel button*/.
Read more >HTML input type password field - example code and techniques
It is designed to deal with passwords so it's more secure than the normal <input type='text'> we see in every form on the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
😃 in it’s short history Edge managed to add something: https://stackoverflow.com/questions/61449079/how-to-hide-the-eye-from-a-password-input-in-ms-edge-and-ie
Fix will be available in “quasar” v1.12.5.