@metismenu/angular

> angular component for metismenu

Getting started

$3

Install with npm:

``sh
$ npm install @metismenu/angular
`

Install with yarn:

`sh
$ yarn add @metismenu/angular
`

Usage


Edit app.module.ts file
`js
import { MetismenuAngularModule } from "@metismenu/angular";

// import
@NgModule({
imports: [
MetismenuAngularModule,
...
]
})
`

Edit angular.json file

`json
"styles": [
"./node_modules/metismenujs/dist/metismenujs.css",
"src/styles.css"
]

`

> Use metis-menu selector. It can be used with a valid html tag or just as ` `.

`html


• Item 1


• 
  Menu 1
  
  
  
  • Item 3
  
  
  • Item 4
  
  
  
  


• 
  Menu 2
  
  
  
  • Item 5
  
  
  • Item 6
  
  
  • Item 7
  
  
  • Item 8
  
  
  
  


• Item 2


`
#### OR

`html



Item 1

Menu 1

• Item 3


• Item 4

Menu 2

• Item 5


• Item 6


• Item 7


• Item 8

Item 2

`

Properties

#### toggle
Type: string (true | false)

Default: true

For auto collapse support.

`html



...



`

#### triggerElement
Type: css selector

Default: a

`html



`

#### parentTrigger
Type: css selector

Default: li

`html



...



`

#### subMenu
Type: css selector

Default: ul

`html

...

``

Example Repo

https://github.com/onokumus/metismenu-angular-example

Demo

https://onokumus.com/metismenu-angular-example/

About

$3

- metismenu: A jQuery menu plugin | homepage
- metismenujs: MetisMenu with Vanilla-JS | homepage

$3

Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.

$3

Osman Nuri Okumus
+ GitHub Profile
+ Twitter Profile
+ LinkedIn Profile

$3

Copyright © 2020, Osman Nuri Okumus.
Released under the MIT License.

This library was generated with Angular CLI version 10.0.2.