react-floating-button-menu

> A customizable floating action button menu

 

Inspired by react-material-floating-button

Install

``bash
npm install --save react-floating-button-menu
`

Demo

See the project page

Usage

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,
}
...
slideSpeed={500}
direction="up"
spacing={8}
isOpen={this.state.isOpen}
>
iconResting={}
iconActive={}
backgroundColor="black"
onClick={() => this.setState({ isOpen: !this.state.isOpen })}
size={56}
/>
icon={}
backgroundColor="white"
size={40}
onClick={() => console.log('First button clicked')}
/>
icon={}
backgroundColor="white"
size={40}
/>
icon={}
backgroundColor="white"
size={40}
/>

...
``

License

MIT © ifndefdeadmau5