A lightweight (zero-dependency), customizable and animated ⚛️ react floating buttons
About this project
react-floating-buttons A lightweight, customizable and animated ⚛️ react floating buttons Install Usage Props buttonType type: string, isRequired: false, default: 'hamburger' The toggler button type, accepts: hamburger, plus, vert-dots or hori-dots dimension type: number, isRequired: false, default: 40 The buttons dimensions { width, height } top type: number string, isRequired: false, default: 0 The offsetTop position of the toggler button left type: number string, isRequired: false, default: 0 The offsetLeft position of the toggler button backgroundColor type: string, isRequired: false, default: '#f8f9fa' The toggler button background color buttonColor type: string, isRequired: false, default: '#313131' The toggler button color ( the dots color, the plus color ... ) itemBackgroundColor type: string, isRequired: false, default: '#f8f9fa' The toggler button color ( the dots color, the plus color ... ) direction type: string, isRequired: false, default: 'circular' The direction of the nav when opened, accepts: left, right, up, down or circular distance type: number, isRequired: false, default: 100
From the project README on
GitHub
Add this badge to your README
Show that your project is listed on Made in Algeria.
[](https://www.madeinalgeria.dev/projects/react-floating-buttons)