https://github.com/nobitagit/react-material-floating-button

Material floating action button implemented as a React component
https://github.com/nobitagit/react-material-floating-button

Last synced: 2 days ago
JSON representation

Material floating action button implemented as a React component

• Host: GitHub
• URL: https://github.com/nobitagit/react-material-floating-button
• Owner: nobitagit
• License: mit
• Created: 2015-03-10T18:44:32.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2023-10-19T13:28:36.000Z (over 1 year ago)
• Last Synced: 2024-04-14T01:02:43.071Z (10 months ago)
• Language: CSS
• Homepage: http://nobitagit.github.io/react-material-floating-button/
• Size: 233 KB
• Stars: 207
• Watchers: 8
• Forks: 70
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-material-design - react-material-floating-button - Material Design FAB button in React (React / Components)

README

        
# React Material Floating Button

Material design floating action button implemented as a React component.

Made to be fast and easy to customize.

~~Shamelessly~~ inspired by action buttons from Google Inbox, Evernote and Path.

Clone/download the repo from Github or just use npm:

```

npm install react-mfb --save

```

Docs are still to come (but hopefully will be there soon).

In the meantime if you want to play with it check the project homepage source code for hints on how to use the component.

## Demo

See the [project page](http://nobitagit.github.io/react-material-floating-button/) or just look at this awesome gif:



**Other versions**

- [Vanilla html](https://github.com/nobitagit/material-floating-button) (original, upstream version of the component)

- [Angular directive](https://github.com/nobitagit/ng-material-floating-button)

Demo icons courtesy of [Ionicons](http://ionicons.com)