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