Skip to main content

Application header

Application headers provide a structured area for essential elements such as company logo and application name, while allowing flexibility through optional elements like the user avatar or application switch.

Application header - Code

The application-header can host custom content which will be displayed on the far right side of the header.

Basic

Avatar

Enhance the interactivity of your application-header by placing the avatar component as part of the content. This not only makes the avatar clickable, but also enables the addition of dropdown-item's directly within the avatar component.

API for ix-application-header

Properties

Events

Slot