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

Attributes

Name Type Default Value 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.

Discussion

Need Help?

If you have any questions, use our Community Forum or talk to us via Gitter 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.