Toggle group

Preview

import { Component } from '@angular/core';

import { signal } from '@angular/core';

import { XToggleButton } from '@xngui/components/toggle-button';

import { XToggleGroup } from '@xngui/components/toggle-group';

import { XChangeEvent } from '@xngui/core';

import { XIcon } from '@xngui/icons';

@Component({

selector: 'app-example',

imports: [signal, XToggleButton, XToggleGroup, XChangeEvent, XIcon],

templateUrl: './toggle-group.component.html',

})

export class ExampleComponent {

protected readonly align = signal<string | string[]>('left');

protected onGroupChanged(event: XChangeEvent<string | string[]>): void {

// handle selection change

}

Interact with the preview — events will appear here.