Position option of the AppBar defines where the component has to be positioned on the page. The available position options are:
None—No positioning CSS styles are applied.
Top—Places the AppBar at the top of the page.
Bottom—Places the AppBar at the bottom of the page.
PositionMode option defines the position of the component relative to its parent container or viewport. The predefined position modes are:
Static—Positions the AppBar according to the normal flow of the page.
Sticky—Sticks the AppBar to a given position (top or bottom).
Fixed—Positions the AppBar relative to the viewport.
To use the
Fixedposition mode of the AppBar, the
Positionhas to be set either to