Toggle button
@xngui/components/toggle-button@xngui/components/toggle-buttonTwo-state pressed action (aria-pressed).
Preview
import { Component } from '@angular/core';
import { XToggleButton } from '@xngui/components/toggle-button';
import { XIcon } from '@xngui/icons';
@Component({
selector: 'app-example',
imports: [XToggleButton, XIcon],
templateUrl: './toggle-button.component.html',
})
export class ExampleComponent {
protected onChanged(event: XChangeEvent<boolean>): void {
// handle pressed change
}
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.