react-side-nav-list v1.0.1

react-side-nav-list

A react side navlist similar to Bilibili's sidenav Cilck the content on side-nav will scroll the window to target element

Installation

NPM

npm install --save react-side-nav-list

Yarn

yarn add react-side-nav-list

Usage

The prop data is required and the format must be the list with object {id:string,content:string}, the id refers to the dom element's id,which helps the plugin to find target dom element,the content is the text word on nav list

import ReactSideNav from 'react-side-nav-list'
let dataList = [
  {
    id:'div1',
    content:'firstSection'
  },
  {
    id:'div2',
    content:'SecondSection'
  },
  {
    id:'div3',
    content:'ThirdSection'
  },
  {
    id:'div4',
    content:'FourthSection'
  },
]
<ReactSideNav data={dataList}/>

Props