npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@cocokits/angular-menu

v1.2.0

Published

The `@cocokits/angular-menu` package provides essential components and directives to create interactive and dynamic menus within your Angular applications. These menus display a list of actions or options, making them a flexible solution for enhancing nav

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

miladfmmiladfm

Keywords

Readme

@cocokits/angular-menu

The @cocokits/angular-menu package provides essential components and directives to create interactive and dynamic menus within your Angular applications. These menus display a list of actions or options, making them a flexible solution for enhancing navigation and user interaction. The package is fully compatible with various design systems, ensuring that your menus will be consistent with the overall look and feel of your application.

Included Component/Directive:

This package includes the following components and directives:

  • MenuComponent
  • MenuItemsDirective
  • MenuTriggerDirective

MenuComponent

The MenuComponent is a floating panel that displays a structured list of actions or options in response to user interactions like clicks, hovers, or other triggers. This component is ideal for providing users with multiple choices in a compact and intuitive interface.

Features:

  • Dynamic Menu Display: The menu appears when triggered by various user actions, such as button clicks or hovering, enhancing the user experience with quick access to options.
  • Structured Options Presentation: Presents actions or options in an organized manner, making navigation within the application more intuitive.
  • Theming Compatibility: Seamlessly integrates with a wide range of design system themes, ensuring a consistent and visually appealing experience across different interface styles.

MenuItemsDirective

The MenuItemsDirective is used to define the items or options within the MenuComponent. This directive allows for flexible and customizable lists of actions, ensuring that the menu adapts to the specific needs of your application.

MenuTriggerDirective

The MenuTriggerDirective is responsible for controlling how and when the MenuComponent is triggered. Whether the menu is activated by a click, hover, or focus, the directive provides easy-to-configure triggers for showing or hiding the menu.

Styling and Theming

The components in this package do not include built-in styles. However, @cocokits/angular-menu adds CSS classes based on your configuration, allowing you to style the menu elements with your own CSS or integrate a theme from CocoKits.

CocoKits provides ready-made theming options, but you can also style the components yourself using custom CSS or SCSS to suit your design needs.

Documentation and Example

For detailed usage examples, configuration options, and additional documentation, visit the following link:

Contributing

We welcome contributions! For details, please see our Contributing Guidelines.

License

This project is licensed under the Apache License. See the LICENSE file for details.