[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
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: