Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mledour/angular-sidebar-menu


https://github.com/mledour/angular-sidebar-menu

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

        

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/angular-sidebar-menu.svg)](https://badge.fury.io/js/angular-sidebar-menu)
[![Build Status](https://travis-ci.com/mledour/angular-sidebar-menu.svg?branch=master)](https://travis-ci.com/mledour/angular-sidebar-menu)
[![Coverage Status](https://coveralls.io/repos/github/mledour/angular-sidebar-menu/badge.svg?branch=master)](https://coveralls.io/github/mledour/angular-sidebar-menu?branch=master)

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![Renovate enabled](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovatebot.com/)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)

# Angular Sidebar Menu

Angular Sidebar Menu is a fully configurable multi-level vertical menu.

![Angular Sidebar Menu Screenshot](screenshot.gif)

## Documentation and Demo

You can find documentation and demo here.

## Installation

To install this library, just run:

```bash
npm install angular-sidebar-menu --save
```

## Features

| Feature Name | Description | Status |
| ------------------- | :----------------------------------------------------------------------------------------------------------: | :----------------: |
| Multi-level | Multi-level menu implementation | :white_check_mark: |
| Animation | Multi-level collapse animation | :white_check_mark: |
| Item icon | Allow global and per item icon configuration | :white_check_mark: |
| External link | Allow external link with target property definition | :white_check_mark: |
| Roles | Disable or hide menu items based on roles definition | :white_check_mark: |
| Multiple instances | Allow multiple independent menu instances | :white_check_mark: |
| I18n | Allow compile-time and runtime i18n translations | :white_check_mark: |
| Search | Allow filtering menu items with component text input | :white_check_mark: |
| Menu mini | Allow minification of the menu to show only the icons for the first level items and display submenu on hover | :white_check_mark: |
| Clickable node item | Allow a node menu item to navigate to a configured route and expand children | |
| RTL | Right to Left Support | |
| Mobile compatible | Menu compatible with mobile devices | |