question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] Prepend label for switch

See original GitHub issue

Problem 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:open
  • Created 4 years ago
  • Reactions:26
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

41reactions
Alanaktioncommented, Jan 8, 2020

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.

8reactions
Waynezhicommented, Nov 23, 2021

anything new about it ?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found