--- page: 'reference-detail' title: 'ons-bottom-toolbar' name: 'ons-bottom-toolbar' collection: 'components' reference: true docCategory: 'js' componentCategory: toolbar ---

ons-bottom-toolbar

Toolbar component that is positioned at the bottom of the page.

Usage #

<ons-bottom-toolbar>
  <div style="text-align: center; line-height: 44px">Text</div>
</ons-bottom-toolbar>

See also #

Attributes #

Name Type
Default Value
Description
modifier String The appearance of the toolbar. Optional
inline Display the toolbar as an inline element. Optional

Preset Modifiers #

Modifier Description
transparent Make the toolbar transparent.

Discussion #