Skip to content

Commit

Permalink
fix(VSimpleCheckbox): directly specify ripple directive definition
Browse files Browse the repository at this point in the history
fixes #12224
  • Loading branch information
KaelWD committed Jul 25, 2022
1 parent a52753f commit 00a9668
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions packages/vuetify/src/components/VCheckbox/VSimpleCheckbox.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import './VSimpleCheckbox.sass'

import ripple from '../../directives/ripple'
import Ripple from '../../directives/ripple'

import Vue, { VNode, VNodeDirective } from 'vue'
import { VIcon } from '../VIcon'
Expand All @@ -19,7 +19,7 @@ export default Vue.extend({
functional: true,

directives: {
ripple,
Ripple,
},

props: {
Expand Down Expand Up @@ -64,6 +64,7 @@ export default Vue.extend({
const ripple = h('div', Colorable.options.methods.setTextColor(props.color, {
staticClass: 'v-input--selection-controls__ripple',
directives: [{
def: Ripple,
name: 'ripple',
value: { center: true },
}] as VNodeDirective[],
Expand Down

0 comments on commit 00a9668

Please sign in to comment.