1.1.2 • Published 4 years ago
material-ui-collapse-menu v1.1.2
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>
)
}
}
License
MIT © nadimsheikh07