.show-less { height: 4rem; overflow: hidden; padding: 1rem; }
<div [ngClass]="{'show-less': showShortDesciption}"> <!-- Your Text Here --> </div
showShortDesciption = true alterDescriptionText() { this.showShortDesciption = !this.showShortDesciption }
<button type="button" (click)="alterDescriptionText()"> { showShortDesciption ? 'SHOW ALL': 'SHOW LESS' }} </button>