Skip to main content

AppHeader

Use the AppHeader to provide a persistent responsive header with app navigation, home button, and global action items available throughout your app.

OverviewPropertiesUsageChangelog3.14.0

Changes to AppHeader. The full components changelog also lists package-wide and cross-cutting entries.

3.14.0​

Updates​

  • Fixed the AppIcon fade-in animation playing when prefers-reduced-motion is active. (APPDEV-19887)

3.8.0​

Updates​

  • The Logo's releasePhase prop now also accepts 'new', 'deprecated' and 'early-access'. (PPFB-801)

3.3.0​

Updates​

  • Spacing between the logo text and the release phase indicator was corrected. (APPDEV-16591)

3.2.0​

Deprecations​

  • Deprecated AppHeader.AppNavLink (use AppHeader.Logo), AppHeader.NavItems (use AppHeader.Navigation), AppHeader.NavItem (use AppHeader.NavigationItem), and AppNavLinkInternalOwnProps. (APPDEV-12515)

Updates​

  • AppHeader.Logo now accepts a releasePhase prop. Setting releasePhase="preview" displays a "Preview" chip next to the app name, allowing apps to communicate their release phase to users. (APPDEV-16591)
  • Added data-dt-name attribute to the app icon. (APPDEV-16671)
Still have questions?
Find answers in the Dynatrace Community