view-more

....

Usage no npm install needed!

<script type="module">
  import viewMore from 'https://cdn.skypack.dev/view-more';
</script>

README

ViewMoreDirective

How to use :

<p view-more  viewHeight="60" (showMore)="showMore($event)"> 
....
</p>

properties

view-more-directive is currently have following properties. Details of that properties are given below.

properties dataType details
@Input viewHeight number it is the height of your containt you want to show.
@Output showMore() - return the boolean value when user clicks on view more link.It is true for show more event & false for show less event