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 vote401 views2 answers
React Class components LifeCycles
Javascript React
4 votes396 views1 answer
Open a new tab when clicking on a link react
Javascript React
18 votes386 views6 answers
Uselocation react
Javascript React
23 votes440 views6 answers
React hooks useeffect
Javascript React
4 votes402 views3 answers
Add google map in react js
Javascript React
0 vote445 views1 answer
Scroll down react js typescript
Javascript React
1 vote374 views1 answer
React material ui classname
Javascript React
0 vote368 views1 answer
Connect react native app to local api macos
Javascript React
2 votes360 views2 answers
Export multiple functions react
Javascript React
4 votes368 views2 answers
How to take 100% width in react native
Javascript React