A customizable floating action button menu
npm install react-floating-button-menu> A customizable floating action button menu
 
Inspired by react-material-floating-button
``bash`
npm install --save react-floating-button-menu
See the project page
You can customize opening direction, speed, and styles of each button via props. Other options will be added soon
`javascript
import {
FloatingMenu,
MainButton,
ChildButton,
} from 'react-floating-button-menu';
import MdAdd from '@material-ui/icons/add';
import MdClose from '@material-ui/icons/clear';
state = {
isOpen: false,
}
...
direction="up"
spacing={8}
isOpen={this.state.isOpen}
>
iconActive={
backgroundColor="black"
onClick={() => this.setState({ isOpen: !this.state.isOpen })}
size={56}
/>
backgroundColor="white"
size={40}
onClick={() => console.log('First button clicked')}
/>
backgroundColor="white"
size={40}
/>
backgroundColor="white"
size={40}
/>
...
``
MIT © ifndefdeadmau5