Ripple

ERipple is a visual way to show that something has been touched on a screen. This helps users know that they have interacted with an element.

You can see ripple effect on our components such as EBtn , EAccordion, EList, ETab.

Import

import ERipple from "@components/UI/ERipple";

Usage

const RippleExample = () => {

  const buttonRef = useRef()

  return (
    <button ref={buttonRef} className="overflow-hidden">
      <ERipple ref={buttonRef} />
    </button>
  );
};

export default RippleExample;