Skip to content

Button

@xngui/components/button
@xngui/components/button

Labeled or icon-only action control.

Preview

import { Component } from '@angular/core';
import { XButton } from '@xngui/components/button';
import { XIcon } from '@xngui/icons';
 
@Component({
selector: 'app-example',
imports: [XButton, XIcon],
templateUrl: './button.component.html',
})
export class ExampleComponent {
protected onClicked(event: { originalEvent: MouseEvent }): void {
// handle click
}
protected onFocused(): void {
// handle focus
}
protected onBlurred(): void {
// handle blur
}
}

Events

Interact with the preview — events will appear here.