rewrite all

Author: ifndefdeadmau5

LICENSE

@@ -1,12 +1,16 @@
-# React Floating Button Menu
+# react-floating-button-menu
 
-A Material floating button menu
+> A customizable floating action button menu
+
+[![NPM](https://img.shields.io/npm/v/react-floating-button-menu.svg)](https://www.npmjs.com/package/react-floating-button-menu) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 
 Inspired by [react-material-floating-button](https://github.com/nobitagit/react-material-floating-button)
 
-## Installation
+## Install
 
-> npm install react-floating-button-menu --save
+```bash
+npm install --save react-floating-button-menu
+```
 
 ## Demo
 
@@ -15,6 +19,7 @@ See the [project page](https://ifndefdeadmau5.github.io/react-floating-button-me
 ## Usage
 
 You can customize opening direction, speed, and styles of each button via props. Other options will be added soon
+
 ```javascript
 import {
   FloatingMenu,
@@ -62,15 +67,6 @@ state = {
 ...
 ```
 
-## Try the Demos Locally
-```sh
-git clone https://github.com/ifndefdeadmau5/react-floating-button-menu.git
-cd react-floating-button-menu
-npm install
-cd docs
-npm install
-npm start
-```
+## License
 
-## Contributing
-Any issues or PRs are welcome
+MIT © [ifndefdeadmau5](https://github.com/ifndefdeadmau5)

README.md

@@ -0,0 +1,13 @@
+import { Directions } from './FloatingMenu';
+export interface ChildButtonProps {
+    icon?: any;
+    direction?: Directions;
+    index?: number;
+    size?: number;
+    spacing?: number;
+    isOpen?: boolean;
+    onClick?: any;
+    background?: string;
+}
+declare const ChildButton: ({ direction, index, size, spacing, isOpen, onClick, icon, ...rest }: ChildButtonProps) => JSX.Element;
+export default ChildButton;

demo.gif

@@ -0,0 +1,21 @@
+export declare const DIRECTIONS: {
+    up: string;
+    down: string;
+    left: string;
+    right: string;
+};
+export declare enum Directions {
+    Up = "up",
+    Down = "down",
+    Left = "left",
+    Right = "right"
+}
+export interface FloatingMenuProps {
+    children: JSX.Element[] | JSX.Element | string;
+    spacing?: number;
+    slideSpeed?: number;
+    direction?: Directions;
+    isOpen: boolean;
+}
+declare const FloatingMenu: ({ slideSpeed, direction, isOpen, spacing, children, ...rest }: FloatingMenuProps) => JSX.Element;
+export default FloatingMenu;

dist/ChildButton.d.ts

@@ -0,0 +1,10 @@
+export interface MainButtonProps {
+    iconActive: any;
+    iconResting: any;
+    isOpen?: boolean;
+    background: string;
+    onClick: any;
+    size: number;
+}
+declare const MainButton: ({ iconResting, iconActive, isOpen, ...rest }: MainButtonProps) => JSX.Element;
+export default MainButton;

dist/FloatingMenu.d.ts

@@ -0,0 +1,9 @@
+/* add css module styles here (optional) */
+
+._3ybTi {
+  margin: 2em;
+  padding: 0.5em;
+  border: 2px solid #000;
+  font-size: 2em;
+  text-align: center;
+}

dist/MainButton.d.ts

@@ -0,0 +1,4 @@
+import ChildButton from './ChildButton';
+import FloatingMenu from './FloatingMenu';
+import MainButton from './MainButton';
+export { ChildButton, FloatingMenu, MainButton };