the-hamburgerdeprecated

Hamburger menu for the-components

Usage no npm install needed!

<script type="module">
  import theHamburger from 'https://cdn.skypack.dev/the-hamburger';
</script>

README

the-hamburger

Build Status npm Version JS Standard

Hamburger menu for the-components

Installation

$ npm install the-hamburger --save

Usage

'use strict'

import React from 'react'
import { TheHamburger, TheHamburgerStyle } from 'the-hamburger'
import { TheRouter } from 'the-router'

class ExampleComponent extends React.Component {
  constructor () {
    super(...arguments)
    this.state = {
      hidden: false,
    }
  }

  render () {
    const onToggle = () => this.setState({hidden: !this.state.hidden})
    const {hidden} = this.state
    return (
      <TheRouter.Hash>
        <div>
          <TheHamburgerStyle/>
          <TheHamburger.Toggle onClick={onToggle}/>
          <TheHamburger hidden={hidden}
                        onToggle={onToggle}
          >
            <TheHamburger.Item to={'#menu01'}>Menu 01</TheHamburger.Item>
            <TheHamburger.Item to={'#menu02'}>Menu 02</TheHamburger.Item>
            <TheHamburger.Item to={'#menu03'}>Menu 03</TheHamburger.Item>
          </TheHamburger>
        </div>
      </TheRouter.Hash>
    )
  }
}

export default ExampleComponent

Components

TheHamburger

Hamburger menu for the-components

Props

Name Type Description Default
hidden bool Hidden or not true
onToggle func Hidden state change null
spinning bool Shows spinner ``

TheHamburgerStyle

Style for TheHamburger

Props

Name Type Description Default
options object Style options {}

License

This software is released under the MIT License.

Links