Adds a touch-ripple feedback effect to the host element on pointer interaction.
Apply as the [uiIndicatesTouch] attribute on any element that should
respond with a ripple. The host element gains position: relative and
overflow: hidden automatically.
The ripple colour is controlled via the --ui-ripple-color CSS custom
property (default: rgba(255, 255, 255, 0.35)).
Adds a touch-ripple feedback effect to the host element on pointer interaction.
Apply as the
[uiIndicatesTouch]attribute on any element that should respond with a ripple. The host element gainsposition: relativeandoverflow: hiddenautomatically.The ripple colour is controlled via the
--ui-ripple-colorCSS custom property (default:rgba(255, 255, 255, 0.35)).Example