Text Field with action (button) on the left or right.
See original GitHub issueHi, I think it would be nice to have a button next or before a text field.
I am currently doing it like :
<v-layout row>
<v-flex p>
<v-btn flat icon>
<v-icon class="primary--text">add</v-icon>
</v-btn>
</v-flex>
<v-flex xs12>
<v-text-field label="Services" name="Services" hint="Ex. Consultation" type="text" ></v-text-field>
</v-flex>
</v-layout>
But the button is awkwardly positioned.
Issue Analytics
- State:
- Created 6 years ago
- Reactions:8
- Comments:27 (8 by maintainers)
Top Results From Across the Web
Text Field with action (button) on the left or right in vuejs
I am not able to have a button inside ...
Read more >Submit Buttons on the Left or the Right? - UX Stack Exchange
Most contain simple phrases or questions, read right to left: having a button on the bottom right feels like both the most progressive...
Read more >Primary & Secondary Action Buttons | by Nick Babich | UX Planet
Apple MacOS Guidelines says that “A button that initiates an action is furthest to the right. The Cancel button is to the left...
Read more >Designing for Action: Best Practices for Effective Buttons
Buttons are designed for users to take action on a page or a screen. Follow these 13 tips about styles, placement, and wording...
Read more >Where to put buttons on forms - Adam Silver
# Align the primary button to the left edge of the inputs · # Put the back button above the form · #...
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
https://jsfiddle.net/alizadeh118/whsfpkub/1/ Hope it helps
@johnleider Shouldn’t this be re-opened?