An accessible tray component useful for navigation menus See example at http://instructure-react.github.io/react-tray
varReact=require('react');varTray=require('react-tray');varApp=React.createClass({getInitialState: function(){return{isTrayOpen: false};},openTray: function(){this.setState({isTrayOpen: true});},closeTray: function(){this.setState({isTrayOpen: false});},render: function(){return(<div><ulrole="menu"className="navigation"><lirole="menuitem"><atabIndex={0}role="button"aria-haspopup={true}onClick={this.handleNavClick}>Menu</a></li></ul><TrayisOpen={this.state.isTrayOpen}onBlur={this.closeTray}closeTimeoutMS={150}><h1>Tray Content</h1><div>Learn to drive and everything.</div></Tray></div>);}});React.render(<App/>,document.getElementById('content'));