jqwidgets-framework/demos/Showcase/angular-fitnesstracker/src/app/innerComponents/customButton/button.component.ts

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

import { Component, ViewChild, OnChanges, Output, EventEmitter } from '@angular/core';

import { jqxButtonComponent } from 'jqwidgets-framework/jqwidgets-ts/angular_jqxbuttons';

@Component({
	selector: 'cbutton',
	templateUrl: './button.component.html'
})

export class CustomButtonComponent {
	@ViewChild('referenceButton') button: jqxButtonComponent;
	
	@Output() clickEvent = new EventEmitter();
				
	customClickEvent(): void {
		this.clickEvent.emit();
	};
	
	public disabled(state: boolean): void {
		this.button.disabled(state);
	};
}