Split button
@xngui/components/split-button@xngui/components/split-buttonPrimary action plus integrated x-menu trigger.
Preview
import { Component } from '@angular/core';
import { XMenu } from '@xngui/components/menu';
import { XMenuItem } from '@xngui/components/menu-item';
import { XMenuSeparator } from '@xngui/components/menu-separator';
import { XSplitButton } from '@xngui/components/split-button';
import { XIcon } from '@xngui/icons';
@Component({
selector: 'app-example',
imports: [XMenu, XMenuItem, XMenuSeparator, XSplitButton, XIcon],
templateUrl: './split-button.component.html',
})
export class ExampleComponent {
protected onClicked(): void {
// primary action
}
protected onMenuClicked(event: { originalEvent: MouseEvent }): void {
// menu trigger
}
protected onOpened(): void {
// menu opened
}
protected onClosed(): void {
// menu closed
}
protected onFocused(): void {
// focus entered
}
protected onBlurred(): void {
// focus left
}
protected onItemSelected(label: string): void {
// menu item selected
}
}
Events
Interact with the preview — events will appear here.