igx-banner supports banner component that is shown at the full width of the screen above the app content but below a Navigation Bar if available. A walkthrough of how to get started can be found here

Usage

<igx-banner #banner>
    This is default template's message!
</igx-banner>

API Summary

Inputs

Inputs available on the IgxBanner:

Name	Type	Description
animationSettings	{ openAnimation: AnimationRefMetadata, closeAnimation: AnimationRefMetadata }	Sets the open / close animations for the banner.

Outputs

A list of the events emitted by the IgxBanner:

Name	Description	Cancelable
opening	Fires before the banner is opened	true
opened	Fires after the banner is opened	false
closing	Fire before the banner is closed	true
closed	Fires after the banner is closed	false

Getters

Getters available on the IgxBanner:

Name	Type	Getter	Setter	Description
collapsed	boolean	Yes	No	Gets whether igx-banner is collapsed.

Methods

Here is a list of all public methods exposed by IgxBanner:

Signature	Description
open()	Opens the banner
close()	Closes the banner
toggle()	Toggles the banner