AppHeader

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

OverviewPropertiesUsage

AppHeaderProps

extends, ,

Name	Type	Default	Description
children?		-	Elements to be displayed in the AppHeader.

AppHeader.AppNavLink

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

AppNavLinkProps

Signature:

export declare type AppNavLinkProps<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.NavItems

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

AppHeaderNavItemsProps

extends, ,

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, >;