Customizable burger button React component

This component is a port from the project for Vue

Checkout the Demo which contains the visual configurator.

Installation

npm i burger-react

Setup

React

• Add the following to you component file:

import BurgerButton from 'burger-react'

import the styles

• css

import 'burger-react/dist/style.css'

• scss

import 'burger-react/dist/style.scss'

Example

import 'burger-react/dist/style.css'
import BurgerButton from 'burger-react'

function App() {

    return (
        <div className='App'>
            <header className='App-header'>
                <BurgerButton />
            </header>
        </div>
    );
}

export default App;

Props

| Name | Type | Default | |---------|----------|-----------------| | variant | String | "cross-right" |
| thin | Boolean | false | | thick | Boolean | false |
| color | String | "#000000" | | size | Number | 80 | | label | String | "burger button" | | onClick | Function | |