https://github.com/nth-cloud/ng-mentions

Rich Mentions Component for Angular
https://github.com/nth-cloud/ng-mentions

angular angular5 angular6 angular7 components highlight mention mentions systemjs

Last synced: 9 months ago
JSON representation

Rich Mentions Component for Angular

• Host: GitHub
• URL: https://github.com/nth-cloud/ng-mentions
• Owner: nth-cloud
• License: mit
• Created: 2019-01-02T23:37:10.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-07-09T22:20:18.000Z (over 1 year ago)
• Last Synced: 2025-06-04T07:52:32.040Z (10 months ago)
• Topics: angular, angular5, angular6, angular7, components, highlight, mention, mentions, systemjs
• Language: TypeScript
• Homepage: http://nth-cloud.github.io/ng-mentions
• Size: 4.98 MB
• Stars: 12
• Watchers: 2
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# NG-MENTIONS

[![CodeQL](https://github.com/nth-cloud/ng-mentions/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/nth-cloud/ng-mentions/actions/workflows/codeql-analysis.yml)

[![npm version](https://badge.fury.io/js/%40nth-cloud%2Fng-mentions.svg)](https://npmjs.org/package/@nth-cloud/ng-mentions)

[![Test Coverage](https://github.com/nth-cloud/ng-mentions/actions/workflows/ci-tests.yml/badge.svg)](https://github.com/nth-cloud/ng-mentions/actions/workflows/ci-tests.yml)

[![codecov](https://codecov.io/gh/nth-cloud/ng-mentions/branch/master/graph/badge.svg)](https://codecov.io/gh/nth-cloud/ng-mentions)

[![Sauce Test Status](https://saucelabs.com/browser-matrix/ng-mentions.svg)](https://saucelabs.com/u/ng-mentions)

Native Angular components & directives for customizable mentions. Allowing for customizable search results and mention formatting.

## Demo and Docs

View it in action at https://nth-cloud.github.io/ng-mentions

## Dependencies

* [Angular](https://angular.io) (tested with 15.1.5)

| ng-mentions | Angular |   Active Support   |

|-------------|---------|:------------------:|

| 5.x.x       | 10.0.0  |        :x:         |

| 6.x.x       | 11.0.0  |        :x:         |

| 7.x.x       | 12.0.0  |        :x:         |

| 8.x.x       | 13.0.0  | :white_check_mark: |

| 9.x.x       | 14.0.0  | :white_check_mark: |

| 10.x.x      | 15.0.0  | :white_check_mark: |

## Installation

We strongly recommend using [Angular CLI](https://cli.angular.io) for setting up a new project. If you have an Angular ≥ 9 CLI project, you could simply use our schematics to add ng-mentions library to it.

Just run the following:

```shell

ng add @nth-cloud/ng-mentions

```

It will install ng-mentions for the default application specified in your `angular.json`.

If you have multiple projects and you want to target a specific application, you could specify the `--project` option:

```shell

ng add @nth-cloud/ng-mentions --project myProject

```

If you prefer not to use schematics and install everything manually, please refer to the

[manual installation instructions](https://nth-cloud.github.io/ng-mentions/#/home) on our website.

## Supported browsers

We strive to support the same browsers and versions as supported by Angular.

See [Angular Browser Support](https://github.com/angular/angular/blob/master/README.md) for more details.