Skip to main content

    AppHeader

    The AppHeader component is a responsive header with navigation and action items.

    OverviewPropertiesUsage

    AppHeaderProps

    extends, , ,

    You can use the AppHeader.AppNavLink component to render a customizable link that navigates to your app's home page.

    Prop Table did not receive data

    AppHeader.AppIcon​

    You can use the AppHeader.AppIcon component to render the icon used for the app on the platform.

    AppIconProps

    extends, , ,
    NameTypeDefaultDescription
    src?

    The path to the app icon. If not specified, the icon from the app registry is retrieved automatically.

    alt?

    The alternative text representation for the image when it's not loaded. If not specified, the app name is used.

    AppHeader.NavItems​

    You can use the AppHeader.NavItems component to render a group of navigational items (AppHeader.NavItems).

    Prop Table did not receive data

    AppHeader.NavItem​

    You can use the AppHeader.NavItem component to render a navigational item inside the AppHeader.NavItems group.

    NavItemProps

    Signature:

    export declare type NavItemProps<E extends > = <E, >;

    AppHeader.ActionItems​

    You can use the AppHeader.ActionItems component to render either ActionButtons or a group of ActionButtons.

    AppHeaderActionItemsProps

    extends, ,

    AppHeader.ActionItemGroup​

    You can use the AppHeader.ActionItemGroup component to render a group of action items.

    GroupProps

    extends, ,

    AppHeader.ActionButton​

    You can use the AppHeader.ActionButton component to render a button inside the action items section or inside a group of action buttons.

    AppHeaderActionButtonProps

    Signature:

    export declare type AppHeaderActionButtonProps<E extends > = <E, >;
    Still have questions?
    Find answers in the Dynatrace Community