Accordion
@xngui/components/accordion@xngui/components/accordionExpandable section group — single or multiple open.
Preview
Yes. It adheres to the WAI-ARIA design pattern for disclosure widgets.
Yes. It comes with default styles that match the rest of the design system.
Is it composable? Use [xTrigger] on a button, icon row, or any focusable surface — only that element toggles the panel.
Disabled panels ignore pointer and keyboard activation.
import { Component } from '@angular/core';
import { XAccordion, XAccordionItem } from '@xngui/components/accordion';
import { XIcon } from '@xngui/icons';
@Component({
selector: 'app-example',
imports: [XAccordion, XAccordionItem, XIcon],
templateUrl: './accordion.component.html',
})
export class ExampleComponent {}
Events
Interact with the preview — events will appear here.