https://github.com/sasha240100/react-rectangle-popup-menu

React rectangle popup menu library
https://github.com/sasha240100/react-rectangle-popup-menu

Last synced: 2 months ago
JSON representation

React rectangle popup menu library

• Host: GitHub
• URL: https://github.com/sasha240100/react-rectangle-popup-menu
• Owner: sasha240100
• License: mit
• Created: 2018-02-19T14:19:00.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-06T16:45:03.000Z (over 6 years ago)
• Last Synced: 2024-10-12T23:54:28.094Z (3 months ago)
• Language: JavaScript
• Homepage: https://sasha240100.github.io/react-rectangle-popup-menu/examples/
• Size: 1.65 MB
• Stars: 51
• Watchers: 4
• Forks: 18
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-rectangle-popup-menu

[![](https://img.shields.io/travis/sasha240100/react-rectangle-popup-menu.svg)](https://travis-ci.org/sasha240100/react-rectangle-popup-menu)

[![](https://badge.fury.io/js/react-rectangle-popup-menu.svg)](https://www.npmjs.com/package/react-rectangle-popup-menu)

[![](https://nodei.co/npm/react-rectangle-popup-menu.png)](https://www.npmjs.com/package/react-rectangle-popup-menu)

React rectangle popup menu library. [Demo](https://sasha240100.github.io/react-rectangle-popup-menu/examples/)

![](./assets/record.gif)

### ``

```js

class Popup {

  render() {

    

    	// Content

    

  }

}

```

#### Parameters for ``

```js

{

	width: ?number = 200,

	height: ?(number | 'auto') = 'auto', // If auto it's minimized to rows size

	direction: ?('top' | 'bottom' | 'left' | 'right') = 'top',

	button: ReactNode

}

```

### ``

```js

import FontAwesome from 'react-fontawesome';

const button = ();

class Popup {

  render() {

    

      

        

        

        

        

        

        

        

        

        

        

        

      

    

  }

}

```

#### Parameters for ``

```js

{

	// Items per row (used to generate normal width of placeholder)

	rowItems: ?number = 1

}

```

### ``

```js

class Popup {

  render() {

    

      Some text

    

  }

}

```