material-ui-collapse-menu

Install

npm install --save material-ui-collapse-menu

Usage

import React, { Component } from 'react'
import { BrowserRouter as Router } from 'react-router-dom'
import MaterialUICollapseMenu from 'material-ui-collapse-menu'
 
export default class App extends Component {
 
  constructor(props) {
    super(props)
    this.state = {
      items: [
        {
          "id": 1,
          "title": "",
          "items": [
            {
              "id": "dashboard",
              "icon": "dashboard",
              "name": "Dashboard",
              "link": "/dashboard"
            }
          ]
        },
        {
          "id": 2,
          "title": "",
          "items": [
            {
              "id": "catalog",
              "icon": "",
              "name": "Catalog",
              "subitems": [
                {
                  "id": "article",
                  "icon": "star",
                  "name": "Articles List",
                  "link": "/article"
                },
                {
                  "id": "article",
                  "icon": "",
                  "name": "Articles",
                  "subitems": [
                    {
                      "id": "articles-form",
                      "icon": "add_circle",
                      "name": "Articles Form",
                      "link": "/article/form/new"
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  }
 
  render() {
    const { items } = this.state
    return (
      <Router basename='/app'>
        <MaterialUICollapseMenu items={items} />
      </Router>
    )
  }
}
 
 

Demo

License

MIT © nadimsheikh07