[Feature Request] Prepend label for switch
See original GitHub issueProblem to solve
It would be possible to have the text on the left side and the switch itself on the right side
Proposed solution
My suggestion would be to add a prepend-label
property so you could decide to have the switch element the default way
switch - label
or
label - switch
Issue Analytics
- State:
- Created 4 years ago
- Reactions:26
- Comments:5 (3 by maintainers)
Top Results From Across the Web
handle label switching in summary. Some ideas - Development
Feature Request : handle label switching in summary. ... So the easiest solution might just to add a few lines to the documentation...
Read more >[Improvement request] Switch component with two labels
Situation: Hi, I'm playing a little bit with the new switch component and I noticed that it has just one label of text...
Read more >Toggle-Switch Guidelines - Nielsen Norman Group
Toggles help users update preferences, settings, and other types of information. When using toggles, provide direct labels, use standard visual ...
Read more >Labels - GitLab Docs
With labels you can: Categorize epics, issues, and merge requests using colors and descriptive titles like bug , feature request , or docs...
Read more >The new Outlook for Mac - Microsoft Support
For more information about the new Outlook for Mac functionality you can ... a support request, a help icon will appear next to...
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
This isn’t too painful to work around in CSS with the current component, since flexbox can swap the order of the elements. I put together a basic proof-of-concept using the standard label slot with a new class applied to the
v-switch
and it works fine for my uses.https://codepen.io/alanaktion/pen/OJPQKdx
It would be nice to see this included in Vuetify natively, especially since most of the switch examples in the Material documentation use this reversed layout.
anything new about it ?