← All projects

react-floating-buttons

by @AM-77

28

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

Stars
28
Forks
9
License
MIT
Last push
6 Jan 2023

Add this badge to your README

Show that your project is listed on Made in Algeria.

Made in Algeria
[![Made in Algeria](https://www.madeinalgeria.dev/badge/react-floating-buttons.svg)](https://www.madeinalgeria.dev/projects/react-floating-buttons)

Related projects