タッチ・リップル

Konsta UIのマテリアルテーマには、マテリアルデザインのタッチ・リップルエフェクトの実装が付属しています。

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

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

例

import { Button } from 'konsta/react';

export default function () {
  return (
    ...
    {/* Makes button with red touch ripple */}
    <Button className="touch-ripple-red-500">Click me</Button>
    ...
  )
}