umbraco-header-apps

To add custom quick links to the Umbraco Backoffice top navigation, you implement header apps using a TypeScript manifest. This generates globally accessible buttons that route users to external pages or internal tools directly from the header.

Yes, you can build interactive modals in an Umbraco header app by defining a Lit element component. This Lit element integrates cleanly into Umbraco's framework to handle interactive actions like opening modals or triggering action handlers across the Backoffice.

A simple button header app in Umbraco provides direct routing to links, while an interactive header app uses a Lit element to trigger complex UI behaviors. Lit elements enable modals and action handlers, whereas simple buttons only navigate to destinations.

Yes, TypeScript is required to customize the Umbraco Backoffice header. Header apps are implemented as UI extensions using TypeScript and Lit to generate the correct manifest and element code needed for the Backoffice integration.

To validate and test an Umbraco header app extension, you follow the official header app documentation to ensure correct manifest and element code generation. This process confirms that the interactive Lit components and button actions integrate cleanly into the Backoffice.