const { PureComponent } = React class Navigation extends PureComponent { constructor () { super() this.handleMouseOver = this.handleMouseOver.bind(this) this.handleMouseOut = this.handleMouseOut.bind(this) } handleMouseOver (e) { const item = e.currentTarget const list = item.querySelector('ul') if (!list) return this.background.style.display = 'block' setTimeout(() => { this.background.style.opacity = '1' }, 10) const boundaries = list.getBoundingClientRect() this.background.style.top = `${boundaries.top}px` this.background.style.left = `${boundaries.left}px` this.background.style.width = `${boundaries.width}px` this.background.style.height = `${boundaries.height}px` } handleMouseOut () { this.background.style.opacity = '0' } componentDidMount () { this.setState({ jsHasLoaded: true }) } render () { const { items } = this.props return (

{ this.background = background }} />

Products
- Payments
- Billing
- Connect
Developers
Company
- About us
- Customers
- Partner Program
- Jobs
- Environment
- Newsroom

) } } ReactDOM.render(, document.getElementById('root'))

tamsamani mohamed

Stripe style dropdown menu

smart console (scmd)

Hamburger Menu (slide Menu)