[Feature Request] Add a way to disable the hover effect on <v-expansion-panels> · vuetifyjs/vuetify#21615

(1 comment) (0 reactions) (0 assignees)TypeScript (40,995 stars) (7,139 forks)batch import

C: VExpansionPanelsT: featuregood first issue

説明

Problem to solve

This feature allows developers to disable the hover effect from <v-expansion-panels> without relying on CSS rules. Right now the desired result can be achieved with this:

.v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
  --v-hover-opacity: 0;
}

Proposed solution

Add a prop or a SASS variable to control above mentioned behavior.

コントリビューターガイド

技術スタック: vuetypescriptcss
領域: frontend
Issue 種別: feature
難度: 2
推定時間: under 1 hour
活動状況: fresh
明確さ: clear
前提条件: VueVuetify component structure
初心者向け度: 80
調査方針: Investigate the VExpansionPanel component source code in packages/vuetify/src/components/VExpansionPanel/. Look for the hover overlay implementation in styles (CSS/SASS). Review existing props on VExpansionPanel and similar components (e.g., VCard) for patterns to disable hover. Propose adding a Boolean prop like 'no hover' that conditionally sets the hover overlay opacity to 0. Consider using a SASS variable to allow global theming.