<my-cmp [(title)]="name">

        content_copy

      export class SizerComponent {

​

  @Input()  size!: number | string;

  @Output() sizeChange = new EventEmitter<number>();

​

  dec() { this.resize(-1); }

  inc() { this.resize(+1); }

​

  resize(delta: number) {

    this.size = Math.min(40, Math.max(8, +this.size + delta));

    this.sizeChange.emit(this.size);

  }

}

<app-sizer [(size)]="fontSizePx"></app-sizer>

        content_copy

      <div>

  <button (click)="dec()" title="smaller">-</button>

  <button (click)="inc()" title="bigger">+</button>

  <label [style.font-size.px]="size">FontSize: {{size}}px</label>

</div>

<my-cmp [title]="name" (titleChange)="name=$event">

Checking File Sizes:

ls -lh filename   #Displays Size of the specified file

ls -lh *          #Displays Size of All the files in the current directory

ls -alh *         #Displays Size of All the files including hidden files in the current directory

​

Checking Directory sizes:

du -sh directory_name    #Gives you the summarized(-s) size of the directory in human readable(-h) format

du -bsh *                #Gives you the apparent(-b) summarized(-s) size of all the files and directories in the current directory in human readable(-h) format