cmail-confirm-button directive/component

cmail-confirm-button.component.html

<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent">
    <ng-content></ng-content>
</button>

cmail-confirm-button.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'cmail-confirm-button',
  templateUrl: './cmail-confirm-button.component.html',
  styles: [
  ]
})
export class CmailConfirmButtonComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}

cmail-confirm-button.directive.ts

import { Directive, HostBinding } from '@angular/core';

@Directive({
  selector: '[cmailConfirmButton]'
})
export class CmailConfirmButtonDirective {

  @HostBinding('class')
  elementClass = "mdl-button mdl-js-button mdl-button--raised mdl-button--accent";

  constructor() { }

}