1.0.8 • Published 5 years ago
the-hamburger v1.0.8
the-hamburger
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.