react-popped

React Popover on Steroids


Keywords
auto-positioning, click, hover, popover, popped, react, scrolling, tooltip
License
MIT
Install
npm install react-popped@0.1.0

Documentation

react-popped

React Popover on Steroids

Examples

Visit our project page

Installation

react-popped

Usage

import React, { Component } from 'react'
import { render } from 'react-dom'
import Popped from 'react-popped'

let content = (<div>Popped</div>)

render(
  <Popped position='auto' content={content}>
    <a href='#'>hover</a>
  </Popped>
, document.getElementById('app'))

API

Name Type Default Description
position string auto Positioning of the popover. Enum of 'auto', 'right', 'bottom', 'left', 'top'
content React.Element Content of the popover
order string[] ['right', 'bottom', 'left', 'top'] Priority of auto positioning

License

react-popped is released under the MIT license.