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.