react-floating-button-menu
A customizable floating action button menu
Inspired by react-material-floating-button
Install
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
;;; state = isOpen: false... <FloatingMenu slideSpeed=500 direction="up" spacing=8 isOpen=thisstateisOpen > <MainButton iconResting=<MdAdd style= fontSize: 20 nativeColor="white" /> iconActive=<MdClose style= fontSize: 20 nativeColor="white" /> backgroundColor="black" onClick= this size=56 /> <ChildButton icon=<MdFavorite style= fontSize: 20 nativeColor="black" /> backgroundColor="white" size=40 onClick= console /> <ChildButton icon=<MdFavorite style= fontSize: 20 nativeColor="black" /> backgroundColor="white" size=40 /> <ChildButton icon=<MdFavorite style= fontSize: 20 nativeColor="black" /> backgroundColor="white" size=40 /> </FloatingMenu>...
License
MIT © ifndefdeadmau5