You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Styles the line ripple as a deactivating line ripple.
Sass Mixins
Mixin
Description
mdc-line-ripple-color($color)
Customizes the color of the line ripple when active.
MDCLineRipple Properties and Methods
Method Signature
Description
activate() => void
Proxies to the foundation's activate() method.
deactivate() => void
Proxies to the foundation's deactivate() method.
setRippleCenter(xCoordinate: number) => void
Proxies to the foundation's setRippleCenter(xCoordinate: number) method.
Usage Within Frameworks
If you are using a JavaScript framework, such as React or Angular, you can create a Line Ripple for your framework. Depending on your needs, you can use the Simple Approach: Wrapping MDC Web Vanilla Components, or the Advanced Approach: Using Foundations and Adapters. Please follow the instructions here.
MDCLineRippleAdapter
Method Signature
Description
addClass(className: string) => void
Adds a class to the root element.
removeClass(className: string) => void
Removes a class from the root element.
hasClass(className: string) => boolean
Determines whether the root element has the given CSS class name.