触摸涟漪

Konsta UI 的 Material 主题附带 Material Design 触摸涟漪效果的实现。

默认情况下，它为 Material 主题启用。

使用这些额外的实用程序类，我们可以控制触摸涟漪的“波纹”颜色

类	CSS
`.touch-ripple-current`	`--k-touch-ripple-color: rgba(0, 0, 0, 0.1)`	从父元素的文本颜色继承触摸涟漪颜色
`.touch-ripple-black`	`--k-touch-ripple-color: rgba(255, 255, 255, 0.15)`	使触摸涟漪变为黑色
`.touch-ripple-white`	`--k-touch-ripple-color: currentColor`	使触摸涟漪变为白色
`.touch-ripple-[color]`	`--k-touch-ripple-color: rgba([color], 0.25)`	使触摸涟漪变为指定颜色

例如

<script>
  import { Button } from 'konsta/svelte';
</script>

<!-- Makes button with red touch ripple -->
<Button class="touch-ripple-red-500">Click me</Button>