This sample demonstrates the default functionalities of the JavaScript(ES5) AppBar.
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.