-
-
Notifications
You must be signed in to change notification settings - Fork 7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Bug Report][3.7.2] VSwitch disable color #20551
Labels
C: VCheckbox
VCheckbox
C: VRadio
VRadio
C: VSwitch
VSwitch
T: enhancement
Functionality that enhances existing features
Comments
|
Thanks for the suggestion So a possible workaround would be
Which isn't ideal |
KaelWD
added
T: enhancement
Functionality that enhances existing features
C: VSwitch
VSwitch
labels
Oct 12, 2024
We have this for buttons but not form inputs for some reason. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
C: VCheckbox
VCheckbox
C: VRadio
VRadio
C: VSwitch
VSwitch
T: enhancement
Functionality that enhances existing features
Environment
Vuetify Version: 3.7.2
Vue Version: 3.5.8
Browsers: Chrome 129.0.0.0
OS: Mac OS 10.15.7
Steps to reproduce
Create a VSwitch component with a
color
attribute (example: primary), with:model-value="true"
and withdisabled
Expected Behavior
The VSwitch component should apply the primary color when disabled.
Actual Behavior
It doesn't apply the color and is displayed as gray.
Reproduction Link
https://play.vuetifyjs.com/#eNqlj80KAjEMhF+l9Oza+1IFn8N6qG3AQtqG9EdEfHfXqiBe9xIyH8wwc7zLwk4diLa9gZylrhAJbYW9SULoPlmi8Q7hcqo2JOAPGrBcQ3UXMcfsAaduscHOyMoNjBQuY+ZFEodo+bYQH4o9I3ihVoR8vVr9l3qRd2etfrbIxyY1xHFOTy+AUgQ=
Other comments
The Material design specification has examples of disabled components, and there is a Switch which has the primary color and is disabled.
https://m2.material.io/design/interaction/states.html#disabled
Vuetify docs with examples: https://vuetifyjs.com/en/components/switches/#states
The text was updated successfully, but these errors were encountered: