This package has been deprecated

Author message:

react-sidebarjs is no longer maintained

react-sidebarjs

1.0.1 • Public • Published

React SidebarJS

Create mobile sidebar/sidenav experiance in react.

npm install react-sidebarjs --save

Demo

Open the demo on your device and try the touch gestures!

Import

import {SidebarJS, sidebarService} from 'react-sidebarjs';

Implementation

import {SidebarJS, sidebarService} from 'react-sidebarjs';
import {NavLink} from 'react-router-dom';
 
<SidebarJS sidebarjsName="MainSidebar">
  <h3>React SidebarJS</h3>
  <nav>
    <NavLink
      to="/home"
      onClick={() => sidebarService.close('MainSidebar')}>
      Home 
    </NavLink>
  </nav>
</SidebarJS>

API

<SidebarJS
  sidebarjsName={/* string */}
  sidebarjsConfig={/* SidebarConfig | See: https://github.com/SidebarJS/sidebarjs#options */}
  onOpen={() => void}
  onClose={() => void}
  onChangeVisibility={(changes: {isVisible: boolean}) => void}>
</SidebarJS>

Package Sidebar

Install

npm i react-sidebarjs

Weekly Downloads

3

Version

1.0.1

License

MIT

Unpacked Size

1.36 MB

Total Files

28

Last publish

Collaborators

  • lorenzodianni