How to use react-burger-menu - 4 common examples

To help you get started, we’ve selected a few react-burger-menu examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github MOMIND / MOMIND / MoMind / client / lib / client.browserify.js View on Github external
/* ------------------------ */
/* ---- React Classes ----- */
/* ------------------------ */
//RRouter = require("react-router"); //For Routing
RMixIn = require("react-mixin"); //Instead of Meteor Data
//$P = require("react-prefixr"); //Prefixes CSS Strings in .jsx for Brwoser Support

/* ------------------------ */
/* --- React Components --- */
/* ------------------------ */
//ReactBootstrapXXX = require("react-bootstrap").XXX;
RBurgerMenu = require('react-burger-menu').slide;

/* ------------------------ */
/* -------- jQuery -------- */
/* ------------------------ */
var $ = $ = global.$ = require('jquery');
var jQuery = jQuery = global.jQuery = require('jquery');
require('jquery-ui');

/* ------------------------ */
/* ---- jQuery Plugins ---- */
/* ------------------------ */
//require('jquery.panzoom');

/* ------------------------ */
/* ------ Redux Tools ----- */
/* ------------------------ */
github vinnymac / PokeNurse / app / screens / Menu / index.js View on Github external
import React, {
  PropTypes
} from 'react'
import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import $ from 'jquery'
import {
  updateStatus,
  logout
} from '../../actions'
import renderSettings from '../Settings'
// import Eggs from './components/Eggs'

const Menu = require('react-burger-menu').slide

class MainMenu extends React.Component {
  static propTypes = {
    updateStatus: PropTypes.func.isRequired,
    logout: PropTypes.func.isRequired,
    eggs: PropTypes.array,
  }

  render() {
    // const {
    //   eggs
    // } = this.props

    return (
      <menu>
        <div></div></menu>
github dtysky / MoeNotes / src / components / book-list.js View on Github external
/**
 * Copyright(c) dtysky
 * Created: 16/3/20
 * Description: Indexes of pages.
 */

'use strict';

import React, { PropTypes } from 'react';
import ReactDom from 'react-dom';
import Book from './book-item';
const Menu = require('react-burger-menu').slide;
import Storage from '../cores/storage';
import Notify from './notify';
import BookPicker from './book-picker';
import { bindFunctions, stringToColor, logError } from '../cores/utils';
import configManager from '../cores/config-manager';

if (process.env.BROWSER) {
    require('../theme/styles/sky.css');
    require('../theme/styles/books.css');
}


export default class BookList extends React.Component {
    constructor(props){
        super(props);
        this.state = {
github lancetw / react-isomorphic-bundle / src / shared / components / Sidebar.js View on Github external
import React, { Component, PropTypes } from 'react'

const Menu = require('react-burger-menu').stack

export default class Sidebar extends Component {

  static propTypes = {
    children: PropTypes.any,
    isOpen: PropTypes.bool,
    isMenuOpen: PropTypes.func
  }

  static contextTypes = {
    history: PropTypes.object.isRequired
  }

  constructor (props) {
    super(props)
  }

react-burger-menu

An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations

MIT
Latest version published 1 year ago

Package Health Score

59 / 100
Full package analysis

Popular react-burger-menu functions