`Unbounded` modifier for Ripple about material-components-vue HOT 4 OPEN

Have you tried

<button v-ripple ref="ripple">Button</button> <!--ref name can be any string-->

this.$refs.ripple.mdcRipple.unbounded = true

from material-components-vue.

If both the js approach and the data-mdc-ripple-is-unbounded approach work. I don't see the benefit of making it part of the Vue directive.

from material-components-vue.

No I haven't. But i prefer the data-attribute over the JS, because then i have all "options" in one place.
It would be nice to have a consistent way for specifying options and to expose all @material functionality.

from material-components-vue.

It will be confusing to make it a modifier. Consider the following

<button v-ripple.unbounded ref="ripple">Button</button> <!--ref name can be any string-->

this.$refs.ripple.mdcRipple.unbounded = false

Though the button has unbounded modifier, it's actually bounded. Make it part of the value will be more reasonable, like

<button v-ripple="{ unbounded: true }">Button</button>

There's might be more things that should be taken into considerations. So this feature won't be implemented soon.

from material-components-vue.