Skip to content
Xng UI
Docs CDK Components Tools Contribute About

Menubar

@xngui/components/menubar
@xngui/components/menubar

Horizontal menu bar composing x-menu triggers.

Preview

import { Component } from '@angular/core';
import { XMenu } from '@xngui/components/menu';
import { XMenuGroup } from '@xngui/components/menu-group';
import { XMenuItem } from '@xngui/components/menu-item';
import { XMenuSeparator } from '@xngui/components/menu-separator';
import { XMenubar } from '@xngui/components/menubar';
 
@Component({
selector: 'app-example',
imports: [XMenu, XMenuGroup, XMenuItem, XMenuSeparator, XMenubar],
templateUrl: './menubar.component.html',
})
export class ExampleComponent {}

Events

Interact with the preview — events will appear here.