umbraco-header-apps
Umbraco Header Apps
What is it?
Header apps are single-purpose extensions that appear in Umbraco's top navigation bar, positioned next to the user profile avatar and global search. They provide globally accessible functionality to the Backoffice, such as quick links to documentation, tools, or custom interactive features. Header apps can be simple links or custom interactive components that open modals or perform actions.
Documentation
Always fetch the latest docs before implementing:
- Main docs: https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-types/header-apps
- Foundation: https://docs.umbraco.com/umbraco-cms/customizing/foundation
- Extension Registry: https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-registry
Related Foundation Skills
If you need to explain these foundational concepts when implementing header apps, reference these skills:
- Umbraco Element: When implementing interactive header apps, explaining UmbHeaderAppButtonElement, or custom elements
- Reference skill:
umbraco-umbraco-element
- Reference skill:
More from umbraco/umbraco-cms-backoffice-skills
umbraco-backoffice
Umbraco backoffice extension customisation - complete working examples showing how extension types combine
185umbraco-controllers
Understand and create controllers in Umbraco backoffice (foundational concept)
171umbraco-extension-template
Create new Umbraco backoffice extensions using the official dotnet template
170umbraco-dashboard
Implement dashboards in Umbraco backoffice using official docs
170umbraco-quickstart
Quick setup for Umbraco extension development - creates instance, extension, and registers it
168umbraco-property-editor-ui
Implement property editor UIs in Umbraco backoffice using official docs
165