@davidperis92/ngx-multi-line-ellipsis
TypeScript icon, indicating that this package has built-in type declarations

1.0.9 • Public • Published

ngx-multi-line-ellipsis

Angular directive for multi-line ellipsis.

This fork is for update ellipsis on window resize events.

Getting Started

Installing

Install the plugin with npm:

$ npm install --save @davidperis92/ngx-multi-line-ellipsis

Add to your angular module:

import { NgxMultiLineEllipsisModule } from "@davidperis92/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

Package Sidebar

Install

npm i @davidperis92/ngx-multi-line-ellipsis

Weekly Downloads

1

Version

1.0.9

License

MIT

Unpacked Size

663 kB

Total Files

29

Last publish

Collaborators

  • davidperis92