Ripple-effect-reactjs

Simple Button


  import RippleButton from "./Ripple";


  function App() {
    return(
        <div>
        <h2>Simple Button </h2>
        <br />
        <RippleButton>
          <button>Click me</button>
        </RippleButton>
      </div>
    )};

Rounded Button


  import RippleButton from "./Ripple";


  function App() {
    return(
        <div>
        <h2>Rounded Button</h2>
        <br />
        <RippleButton radius={15} color={"white"} speed={1000}>
          <button className="buttonTwo">Click me fast</button>
        </RippleButton>
      </div>
    )};

Different color ripple Button


  import RippleButton from "./Ripple";


  function App() {
    return(
        <div>
        <h2>Different color ripple Button</h2>
        <br />
        <RippleButton radius={10} speed={500} color={"Blue"}>
          <button className="buttonTwo">Click me</button>
        </RippleButton>
      </div>
    )};