The React AppBar is a navigation component that displays information and actions related to the current view horizontally.
In this demo, the available types of React AppBar are showcased. They are regular
, prominent
, and dense
, and can be set using the Mode property.
Regular
- The AppBar is displayed with the default height.
Prominent
- Prominent top app bars are longer than regular, and can be used for larger titles, images, or texts.
Dense
- The AppBar's layout is denser to accommodate all the AppBar content.
In this demo, Button component's styles are inherited from the AppBar component using the e-inherit
CSS class.