index.ts at 6ac659b ⋅ vuetifyjs/vuetify

// Directives
import ripple from '../../directives/ripple'

// Types
import Vue, { VNode, VNodeData, VNodeDirective } from 'vue'

export default Vue.extend({
  name: 'rippleable',

  directives: { ripple },

  props: {
    ripple: {
      type: [Boolean, Object],
      default: true,
    },
  },

  methods: {
    genRipple (data: VNodeData = {}): VNode | null {
      if (!this.ripple) return null

      data.staticClass = 'v-input--selection-controls__ripple'

      data.directives = data.directives || []
      data.directives.push({
        name: 'ripple',
        value: { center: true },
      } as VNodeDirective)

      return this.$createElement('div', data)
    },
  },
})

Read our documentation on viewing source code .

Navigation	Overlay
`t` Navigate files	`h` Toggle hits
`y` Change url to tip of branch	`m` Toggle misses
`b / v` Jump to prev/next hit line	`p` Toggle partial
`z / x` Jump to prev/next missed or partial line	`1..9` Toggle flags
`shift + o` Open current page in GitHub	`a` Toggle all on
`/ or ?` Show keyboard shortcuts dialog	`c` Toggle context lines or commits

1		// Directives
2	1	import ripple from '../../directives/ripple'
3
4		// Types
5	1	import Vue, { VNode, VNodeData, VNodeDirective } from 'vue'
6
7	1	export default Vue.extend({
8		name: 'rippleable',
9
10		directives: { ripple },
11
12		props: {
13		ripple: {
14		type: [Boolean, Object],
15		default: true,
16		},
17		},
18
19		methods: {
20	1	genRipple (data: VNodeData = {}): VNode \| null {
21	1	if (!this.ripple) return null
22
23	1	data.staticClass = 'v-input--selection-controls__ripple'
24
25	1	data.directives = data.directives \|\| []
26	1	data.directives.push({
27		name: 'ripple',
28		value: { center: true },
29		} as VNodeDirective)
30
31	1	return this.$createElement('div', data)
32		},
33		},
34		})