Floating button react

// Install
npm install react-floating-button


// Usage
import { FloatingButton, Item } from "react-floating-button";
import downloadIcon from "./assets/DOWNLOAD.svg";
import forwardIcon from "./assets/FORWARD.svg";
 
<FloatingButton>
  <Item
    imgSrc={downloadIcon}
    onClick={() => {
      console.log("callback function here");
    }}
  />
  <Item
    imgSrc={forwardIcon}
    onClick={() => {
      console.log("callback function here");
    }}
  />
</FloatingButton>;

Source: npmjs.com

Similar codes

0 vote110 views3 answers
Django send and receive image data to react
Javascript React
32 votes103 views5 answers
React disable eslint errors
Javascript React
1 vote91 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
1 vote100 views1 answer
Adding parameters to url react router
Javascript React
0 vote100 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
2 votes102 views2 answers
React native scrollview detect end
Javascript React
0 vote100 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
24 votes102 views4 answers
React copy to clipboard button
Javascript React
0 vote104 views1 answer
Npm react animation
Javascript React
6 votes102 views1 answer
How to import dotenv in react
Javascript React