UikNavBurger

PropertyTypeRequiredDefault ValueDescription
classNameStringfalsenullyour className or "active" to display active state
isOpenbooleanfalsefalseWhether menu is in open or close state
...restanyfalseOther properties are passed down to the wrapping element

UikNavBurger Examples

Just a styled and animated burger :)

ComponentExample Code
<UikNavBurger />
<UikNavBurger isOpen />
Click me!

class BurgerExample extends React.PureComponent {
  state = {
    isOpen: false,
  }

  toggle = () => {
    const { isOpen } = this.state
    this.setState({
      isOpen: !isOpen,
    })
  }

  render() {
    const { isOpen } = this.state
    return (
      <div>
        <span>
          Click me!
        </span>
        <br />
        <br />

        <UikNavBurger
          isOpen={ isOpen }
          onClick={ this.toggle }
        />
      </div>
    )
  }
}


<BurgerExample />