JSPM

ngx-multi-line-ellipsis

1.0.4
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 102
  • Score
    100M100P100Q76885F
  • License MIT

Angular directive for multi-line ellipsis

Package Exports

  • ngx-multi-line-ellipsis

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ngx-multi-line-ellipsis) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ngx-multi-line-ellipsis

Angular directive for multi-line ellipsis

Getting Started

Installing

Install the plugin with npm:

$ npm install --save ngx-multi-line-ellipsis

Add to your angular module:

import { NgxMultiLineEllipsisModule } from "ngx-multi-line-ellipsis";

@NgModule({
    imports: [
        // ...
        NgxMultiLineEllipsisModule
    ],
    // ...
});

Usage

<!-- The text container div must have a width (via css class or any other way) -->
<div ngxEllipsis [lines]="2">
    Technology is nothing. What's important is that you have a faith in people, 
    that they're basically good and smart, and if you give them tools, 
    they'll do wonderful things with them.
</div>

Will become (depending on font size etc.):

Technology is nothing. What's
important is that you have a faith in...

The above div width is 250px

Built With

  • Angular - The framework we all love

Contributing

CONTRIBUTING.md will be added to project as soon as it exists

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

License

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