Example of Default Functionalities in Javascript (ES5) AppBar Control

/
/
Default Functionalities

This sample demonstrates the default functionalities of the JavaScript(ES5) AppBar.

More Details...

Simple AppBar
EJ2 AppBar

Prominent
EJ2 AppBar Component with Prominent mode

Dense
EJ2 AppBar

Description

The JavaScript(ES5) AppBar is a navigation component which displays the information and actions related to the current application screen in horizontal order. By default, regular mode is enabled. In this demo, available bar height mode of JavaScript(ES5) AppBar has been showcased. The modes can be set through mode property and the possible modes are Regular, Prominent and Dense. Regular - The Regular mode is the default mode. AppBar can be viewed with default height. Prominent - AppBar can be viewed with the longer titles, images, or to provide a stronger presence. Dense - AppBar is compressed to accommodate all the AppBar content in a denser layout. In this demo, Button component's styles are inherited from AppBar component by using the e-inherit CSS class.