FAB
@xngui/components/fab@xngui/components/fabFloating action button.
Preview
import { Component } from '@angular/core';
import { XFab } from '@xngui/components/fab';
import { XIcon } from '@xngui/icons';
@Component({
selector: 'app-example',
imports: [XFab, XIcon],
templateUrl: './fab.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.