# react-mfb

> React component for a material menu à la Google Inbox and Evernote

Latest version **0.6.0** (published 2017-08-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-mfb
pnpm add react-mfb
yarn add react-mfb
bun add react-mfb
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.6.0 |
| Published | 2017-08-05 |
| First published | 2015-03-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 0.10 |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 205 |
| Author | Nobita |
| Maintainers | aurelio, phated |
| Keywords | component, css, design, facebook, material, react, react-component, reactjs |

## Links

- npm: https://www.npmjs.com/package/react-mfb
- Repository: https://github.com/nobitagit/react-material-floating-button
- Homepage: https://github.com/nobitagit/react-material-floating-button#readme
- Issues: https://github.com/nobitagit/react-material-floating-button/issues
- npm.io page: https://npm.io/package/react-mfb

## Dependencies (3)

- [react-dom](https://npm.io/package/react-dom.md) ^15.3.1
- [classnames](https://npm.io/package/classnames.md) ^1.2.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.5.10

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 0.6.0 (latest) — 2017-08-05
- 0.5.0 — 2017-05-31
- 0.4.1 — 2016-09-24
- 0.4.0 — 2016-09-24
- 0.3.0 — 2015-09-11
- 0.2.1 — 2015-07-19
- 0.2.0 — 2015-03-27
- 0.1.0 — 2015-03-22
- 0.0.2 — 2015-03-14

## 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:

<img src="http://zippy.gfycat.com/LimitedTatteredFieldmouse.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)

---
_Source: https://npm.io/package/react-mfb · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._