https://github.com/Gamekohl/ngx-mat-menu-hover

🔖 Angular Material Package for open menu on hover
https://github.com/Gamekohl/ngx-mat-menu-hover

angular angular-material cdk material material2 package

Last synced: 17 days ago
JSON representation

🔖 Angular Material Package for open menu on hover

• Host: GitHub
• URL: https://github.com/Gamekohl/ngx-mat-menu-hover
• Owner: Gamekohl
• License: other
• Created: 2024-02-15T14:25:03.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2026-02-11T16:54:12.000Z (23 days ago)
• Last Synced: 2026-02-11T22:52:30.586Z (23 days ago)
• Topics: angular, angular-material, cdk, material, material2, package
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/ngx-mat-menu-hover
• Size: 7.81 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• fucking-awesome-angular - ngx-mat-menu-hover - This Angular directive provides functionality to handle hover menu behavior, allowing menus to open when hovered over and close when the mouse leaves. (Third Party Components / Directives)
• awesome-angular - ngx-mat-menu-hover - This Angular directive provides functionality to handle hover menu behavior, allowing menus to open when hovered over and close when the mouse leaves. (Third Party Components / Directives)

README

          
# mat-menu-hover - An Angular Material directive

This Angular directive provides functionality to handle hover menu behavior, allowing menus to open when hovered over and close when the mouse leaves.

[![npm version](https://badge.fury.io/js/ngx-mat-menu-hover.svg)](https://badge.fury.io/js/ngx-mat-menu-hover)

## Installation

    npm install mat-menu-hover@latest

Since the directive is marked as standalone you can directly import it into a module.

    import { Component } from  '@angular/core';

    import { HoverMenuDirective } from  'mat-menu-hover';

    

    @Component({

        imports: [HoverMenuDirective],

        selector: 'app-root',

    	...

   	})

   	export class AppComponent { }

## Usage

    Menu

    

    	

    

## Optional inputs/outputs

|Keyword     |Function                           |Note          |

|------------|-----------------------------------|--------------|

|[closeDelay]|Adds a delay before the menu closed|Default = 50ms|

|(opened)    |Emits if the menu is opened/closed |              |

## Known issues

- Currently, it is not possible to nest menus. It will only work with single-level mat-menus.

## If you like my work, you can

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/gamekohl)

## License

This project is licensed under the MIT License - see the LICENSE file for details.