chrome:shell.skip
chrome:nav.docs chrome:nav.cdk chrome:nav.components blocks:nav.blocks chrome:nav.tools chrome:nav.contribute chrome:nav.about
generated:catalog.area.cdk
generated:catalog.entry.cdk-datasource.title generated:catalog.entry.cdk-pagination.title generated:catalog.entry.cdk-selection.title generated:catalog.entry.cdk-sort.title generated:catalog.entry.cdk-filter.title generated:catalog.entry.cdk-tree.title generated:catalog.entry.cdk-history.title generated:catalog.entry.cdk-drag-drop.title generated:catalog.entry.cdk-key-manager.title generated:catalog.entry.cdk-grid-key-manager.title generated:catalog.entry.cdk-layout.title generated:catalog.entry.cdk-color.title generated:catalog.entry.cdk-direction.title generated:catalog.entry.cdk-live-announcer.title generated:catalog.entry.cdk-unique-id.title generated:catalog.entry.cdk-focus-monitor.title generated:catalog.entry.cdk-focus-trap.title generated:catalog.entry.cdk-click-outside.title generated:catalog.entry.cdk-gesture.title generated:catalog.entry.cdk-ripple.title generated:catalog.entry.cdk-text-mask.title generated:catalog.entry.cdk-file-upload.title generated:catalog.entry.cdk-overlay.title

generated:catalog.entry.cdk-ripple.title

generated:catalog.entry.cdk-ripple.description

@xngui/cdk/ripple
@xngui/cdk/ripple

chrome:demo.section

chrome:demo.preview

demo-preview:hints.category.assistive:
TipSR
import { XRipple } from '@xngui/cdk/ripple';
 
<button xRipple [xRipple]="true">
Tap me
<button>

chrome:demo.events.title

chrome:demo.events.empty