packages/components/layout/eui-header/header-app/header-app-name-logo.component.ts
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.
| changeDetection | ChangeDetectionStrategy.Default |
| encapsulation | ViewEncapsulation.None |
| selector | eui-header-app-name-logo |
| template | |
Properties |
Inputs |
HostBindings |
Accessors |
| 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. |
| 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. |
| class |
Type : string
|
Default value : 'eui-header-app-name-logo'
|
| cssClass |
Type : string
|
Default value : 'eui-header-app-name-logo'
|
Decorators :
@HostBinding('class')
|
| svgUrl |
getsvgUrl()
|