hoverselector.js

import React from 'react'

import { DropdownButton, MenuItem }  from 'react-bootstrap'

class HoverSelector extends React.Component {
	constructor(props) {
		super(props)

		this.render = this.render.bind(this)
	}
	render() {

		var hoverSelectorAttr = {
			className: 'pull-left'
		}

		var dropDownButtonAttr = {
			title: 'title', 
			id: 'hover-selector',
			style: {
				margin: '5px 0 0 5px',
    			opacity: 0.3
			}
		}



		return (
			<div {...hoverSelectorAttr}>
				<DropdownButton {...dropDownButtonAttr}>
					<MenuItem key={0} eventKey="hidden">hidden</MenuItem>
					<MenuItem key={1} eventKey="show">show</MenuItem>
				</DropdownButton>
			</div>
		);


	}
}

export default HoverSelector