### File

`src/ui-shell/header/header-navigation.component.ts`

### Description

Container for header navigation items

### Metadata

selector | `ibm-header-navigation`

template

    <nav class="bx--header__nav" [attr.aria-label]="ariaLabel">
    	<ul class="bx--header__menu-bar" role="menubar">
    		<ng-content></ng-content>
    	</ul>
    </nav>

### Index

###### Inputs

- ariaLabel

###### HostBindings

- style.height.%

### Inputs

`ariaLabel` | Type : `string`
Defined in src/ui-shell/header/header-navigation.component.ts:19

### HostBindings

style.height.%
`style.height.%: ```
Default value : `100`
Defined in src/ui-shell/header/header-navigation.component.ts:17

    import { Component, HostBinding, Input } from "@angular/core";

    /**
     * Container for header navigation items
     */
    @Component({
    	selector: "ibm-header-navigation",
    	template: `
    		<nav class="bx--header__nav" [attr.aria-label]="ariaLabel">
    			<ul class="bx--header__menu-bar" role="menubar">
    				<ng-content></ng-content>
    			</ul>
    		</nav>
    	`
    })
    export class HeaderNavigation {
    	@HostBinding("style.height.%") height = 100;

    	@Input() ariaLabel: string;
    }

Legend
Html element
Component
Html element with directive

# result-matching ""

# No results matching ""