How to use the @material/mwc-ripple/ripple-directive.ripple function in @material/mwc-ripple
To help you get started, we’ve selected a few @material/mwc-ripple examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
material-components / material-components-web-components / packages / tab / src / mwc-tab-base.ts View on Github 
aria-selected="false"
tabindex="-1">
<span class="mdc-tab__content">
${
this.icon ? html`
<span class="mdc-tab__icon material-icons">${this.icon}</span>` :
''}
${
this.label ? html`
<span class="mdc-tab__text-label">${this.label}</span>` :
''}
${this.isMinWidthIndicator ? this.renderIndicator() : ''}
</span>
${this.isMinWidthIndicator ? '' : this.renderIndicator()}
<span class="mdc-tab__ripple"></span>
`;
}
@material/mwc-ripple
Material Design ripple web component
