react-conventions/docs/src/app/layout/SidebarToggle.js

An open source set of React components that implement Ambassador's Design and UX patterns.

import React from 'react'
import classNames from 'classnames';
import { Link } from 'react-router'
import style from 'private/css/sidebar-toggle'

const SidebarToggle = (props) => {
  let sidebarToggleClass = props.collapsed ? style['sidebar-toggle'] : classNames(style['sidebar-toggle'], style['sidebar-visible']);

  return (
    <button className={sidebarToggleClass} onClick={props.toggle}>
      <div className={style['burger-piece']}></div>
      <div className={style['burger-piece']}></div>
      <div className={style['burger-piece']}></div>
    </button>
  )
}

export default SidebarToggle