generated:catalog.entry.navbar.title
generated:catalog.entry.navbar.description
@xngui/components/navbar@xngui/components/navbarchrome:demo.section
chrome:demo.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 {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-navbar
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
stickybooleanfalseStick the host to the top of the viewport while scrolling (`[data-sticky]`).
sizeXSize—Visual size tier — falls back to XConfigService when unset.
densityXDensity—Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.
ariaLabelstring—Accessible name for the banner region — falls back to the `navbar.ariaLabel` i18n key.