burger-react

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