react-aim/examples/menu/menu.js

Determine the cursor aim for triggering mouse events.

import React, { Component, PropTypes } from 'react';
import Item from './item';

const style = {
  background: '#eee',
  margin: '0px',
  padding: '0px',
  listStyle: 'none',
  border: '1px solid #bbb',
  boxShadow: '0 2px 8px 0 rgba(0, 0, 0, .2)'
};

class Menu extends Component {
  render() {
    return (
      <div style={{ display: 'flex', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
        <ul style={style}>
          <Item name="item 1"/>
          <Item name="item 2"/>
          <Item name="item 3"/>
          <Item name="item 4"/>
          <Item name="item 5"/>
        </ul>
      </div>
    );
  }
}

export default Menu;