Library with Angular 6+: The ultimate guide - Counter component

counter.component.html

<button (click)="increase()" class="counter-button"> {{ text }} {{ counter }} </button>

counter.component.scss

.counter-button {
  font-size: 1.3rem;
  border: 0;
  border-radius: 5px;
  padding: 10px;
  min-width: 100px;
}

counter.component.ts

import { Component, Input } from '@angular/core';
@Component({
  selector: 'fb-counter',
  templateUrl: './counter.component.html',
  styleUrls: [ './counter.component.scss' ]
})
export class CounterComponent {
  @Input() text = 'Default';
  counter = 0;
  increase(amount = 1) {
    this.counter += amount;
  }
}