Touch Ripple

Konsta UI's Material Theme comes with implementation of Material Design Touch Ripple effect.

It is enabled by default for Material theme.

With these extra utility classes we can control touch ripple "wave" color:

For example:

import { Button } from 'konsta/react';

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