Reference > v-ons-bottom-toolbar

v-ons-bottom-toolbar

Toolbar component that is positioned at the bottom of the page. Since bottom toolbars are very versatile elements, ons-bottom-toolbar does not provide any specific layout syntax for its children. Modifiers or custom CSS must be used.

Usage 


<ons-bottom-toolbar>
  Content
</ons-bottom-toolbar>

See also

Props

Name Type Description
modifier String The appearance of the toolbar. Optional.

Preset Modifiers

Name Description
transparent Make the toolbar transparent.
aligned Vertically aligns its children and applies flexbox for block elements. justify-content CSS rule can be used to change horizontal align.

Need Help?

If you have any questions, use our Community Forum or talk to us on Discord chat. The Onsen UI team and your peers in the community will work together to help solve your issues.

For bug reports and feature requests use our GitHub Issues page.