menu-animation-icon

React.js Menu animation icon component

Introduction

provides animation menu icons (HamburgerMenu, DonerMenu, KebabMenu, BentoMenu, MeatballMenu)

Installation

npm install --save menu-animation-icon # or
yarn add menu-animation-icon

Usage & Configuration

import React from 'react';
import {HamburgerMenu} from 'menu-animation-icon';

export default class CustomElement extends React.Component {

    state = {
        active: false,
    };

    onClick = isActive => this.setState({active: isActive});

    render() {
        const {active} = this.state;
        return (
            <HamburgerMenu
                active={active}
                onClick={this.onClick}
                activeClass="activeClass"
                hoverClass="hoverClass"
            />
        );
    }
}

Examples

Changelog

Storybook

Getting Help

Before doing this, did you:

1. Read the documentation
2. Read the source code