A Toolbar is a generic bar that is positioned above or below content. Unlike a Navbar, a toolbar can be used as a subheader. When toolbars are placed within an <ion-header> or <ion-footer>, the toolbars stay fixed in their respective location. When placed within <ion-content>, toolbars will scroll with the content.
Buttons placed in a toolbar should be placed inside of the <ion-buttons> element. An exception to this is a menuToggle button. It should not be placed inside of the <ion-buttons> element. Both the <ion-buttons> element and the menuToggle can be positioned inside of the toolbar using different properties. The below chart has a description of each property.
start Positions element to the left of the content in ios mode, and directly to the right in md and wp mode.
end Positions element to the right of the content in ios mode, and to the far right in md and wp mode.
left Positions element to the left of all other elements.
right Positions element to the right of all other elements.