react-burger-sidenav

Made with create-react-library

Usage no npm install needed!

<script type="module">
  import reactBurgerSidenav from 'https://cdn.skypack.dev/react-burger-sidenav';
</script>

README

react-burger-sidenav

A react sidebar

NPM JavaScript Style Guide

Install

npm install react-burger-sidenav

Usage

import React from 'react'

import { SideBar, SideBarItem } from 'react-burger-sidenav'
import 'react-burger-sidenav/dist/index.css'

const Example = () => {
  return (
    <SideBar>
      <SideBarItem>hello world</SideBarItem>
    </SideBar>
  )
}

Demo Url

https://samamoah.github.io/react-burger-sidenav

SideNav Parameters

params value default value
ham string ''
iconColor string #000000
closeColor string #000000
bgColor string white
closeIcon boolean true
className string ''

SideNavItem Parameters

params value default value
textSize string 20px
to string #
textColor string #000000
bgHover string #f7fafc
bgColor string white
padding string 1rem
target string ''
className string ''

License

MIT © Samamoah