Angular Directive That Clamps The Content Of The Element | ngx-clampy
angular directive (2+) ngx-clampy that fixes the content of an element by adding an ellipsis to it if the content inside is too long.
It automatically itself automatically when the size of the element or browser window changes.
Must Read: jQuery Header Slider Library For The Header Content Slide | jqHeaderSlider
Clamps The Content Of The Element
Post Name | Element Length In Javascript |
Author Name | clampy-js |
Category | Angular, Text Plugins |
Official Page | Click Here | Click Here |
Official Website | github.com |
Publish Date | April 11, 2022 |
Last Update | August 3, 2023 |
Download | Link Below |
License | MIT |
Note: Starting from version 1.3.0, @clampy-js/ngx-clampy requires the following peer dependencies:
- @angular/common
- @angular/core
- @angular/platform-browser
- element-resize-detector
- lodash-es
Simply check the warnings in the console to know which exact versions are required.
How to make use of it:
Installation
npm install @clampy-js/ngx-clampy yarn install @clampy-js/ngx-clampy
See Demo And Download

Official Website(clampy-js): Click Here
This superior jQuery/javascript plugin is developed by clampy-js. For extra advanced usage, please go to the official website.