Ninja Pumpkin Mutants

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

    1.0.4 • Public • Published

    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

    Install

    npm i ngx-multi-line-ellipsis

    DownloadsWeekly Downloads

    600

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    659 kB

    Total Files

    28

    Last publish

    Collaborators

    • moonykolo