react component for MetisMenu
npm install @metismenu/react``sh`
$ npm install @metismenu/react
Install with yarn:
`sh`
$ yarn add @metismenu/react
Add project file to metismenu
`js
import MetisMenu from '@metismenu/react';
// import MetisMenu css
import 'metismenujs/dist/metismenujs.css';
`
1. Create SideBar component
`jsx
// pages/SideBar.jsx
import React from 'react'
import { Link, NavLink } from 'react-router-dom'
import MetisMenu from '@metismenu/react';
import 'metismenujs/dist/metismenujs.css';
const SidebarNav = () => {
return (
Other Pages
External Pages
)
}
export default SidebarNav
`
2. Call Component to App
`js
import React from 'react';
import { BrowserRouter, Route } from 'react-router-dom';
import SidebarNav from './pages/SidebarNav';
import Home from './pages/Home';
import About from './pages/About';
import Contact from './pages/Contact';
import './App.css';
function App() {
return (
);
}
export default App;
`
#### toggle
Type: Boolean
Default:
For auto collapse support.
`html`
...
#### triggerElement
Type: html tag
Default:
`html`
...
#### parentTrigger
Type: html tag
Default:
`html`
...
#### subMenu
Type: html tag
Default:
`html``
...