タッチリップル

Konsta UI のマテリアルテーマには、マテリアルデザインのタッチリップル効果の実装が付属しています。

マテリアルテーマではデフォルトで有効になっています。

これらの追加のユーティリティクラスを使用して、タッチリップルの「波」の色を制御できます。

例

<template>
  <!-- Makes button with red touch ripple -->
  <k-button class="touch-ripple-red-500">Click me</k-button>
</template>
<script>
  import { kButton } from 'konsta/vue';

  export default {
    components: {
      kButton,
    },
  };
</script>