AppHeader

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

OverviewPropertiesUsage

AppHeaderProps

extends, , , ,

AppHeader.Logo

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

AppHeaderLogoProps

Signature:

declare type AppHeaderLogoProps<E extends > = <E, >;

AppHeader.AppIcon

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

AppIconProps

extends, , ,

Name	Type	Default	Description
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.Navigation

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

Prop Table did not receive data

AppHeader.NavigationItem

You can use the AppHeader.NavigationItem component to render a navigational item inside the AppHeader.Navigation group.

AppHeaderNavigationItemProps

Signature:

export declare type AppHeaderNavigationItemProps<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, >;