### File

`packages/components/layout/eui-header/header-app/header-app-name-logo.component.ts`

### Description

Logo component for use within eui-header-app, displaying a small icon or logo next to the application name. Provides visual branding alongside the application title with automatic asset path resolution. Integrates with EuiConfig to resolve asset base URL, supporting custom asset locations. Typically used for application-specific icons or small logos that complement the main application name.

### Implements

`OnInit`

### Metadata

changeDetection | `ChangeDetectionStrategy.Default`
encapsulation | `ViewEncapsulation.None`
selector | `eui-header-app-name-logo`

template

    <img class="title-logo-svg" [src]="svgUrl" alt="{{ logoAltText }}" />

### Index

###### Properties

- cssClass

###### Inputs

- homeUrl
- logoAltText
- logoFilename

###### HostBindings

- class

###### Accessors

- svgUrl

### Inputs

homeUrl
Type : `string`
Default value : `'..'`
URL or route path for the home page navigation when logo is clicked. Currently not implemented in template but reserved for future clickable logo functionality.

logoAltText
Type : `string`
Default value : `'European Commission logo'`
a11y alt logo text

logoFilename
Type : `string`
Filename of the logo image located in the assets directory. Combined with assetsBaseUrl to construct the full image path. Should include file extension (e.g., 'my-app-logo.svg'). Required for logo display.

### HostBindings

class
Type : `string`
Default value : `'eui-header-app-name-logo'`

### Properties

cssClass
Type : `string`
Default value : `'eui-header-app-name-logo'`
Decorators : `@HostBinding('class')`

### Accessors

svgUrl
get `svgUrl()`

# results matching ""

# No results matching ""