--- page: 'reference-detail' title: 'ons-bottom-toolbar' name: 'ons-bottom-toolbar' collection: 'components' reference: true docCategory: 'js' componentCategory: toolbar ---
Toolbar component that is positioned at the bottom of the page.
<ons-bottom-toolbar>
<div style="text-align: center; line-height: 44px">Text</div>
</ons-bottom-toolbar>
Name | Type Default Value |
Description |
---|---|---|
modifier | String | The appearance of the toolbar. Optional |
inline | Display the toolbar as an inline element. Optional |
Modifier | Description |
---|---|
transparent | Make the toolbar transparent. |