Skip to content

Navbar

@xngui/components/navbar
@xngui/components/navbar

App-shell top bar with start / center / end slots.

Preview

import { Component } from '@angular/core';
import { XButton } from '@xngui/components/button';
import { XNavbar } from '@xngui/components/navbar';
 
@Component({
selector: 'app-example',
imports: [XButton, XNavbar],
templateUrl: './navbar.component.html',
})
export class ExampleComponent {}

Events

Interact with the preview — events will appear here.