Button component for ons-toolbar and ons-bottom-toolbar.
<ons-page>
elementThe root of a page in Onsen UI is created using the <ons-page>
element. It covers the whole screen and is used as a container for the other elements. When managing multiple views, all of them must be contained in <ons-page>
element.
<ons-page>
Content goes here
</ons-page>
This element automatically spawns a background
and a content
elements. These can also be manually provided for higher customizability:
<ons-page>
Toolbar here
<div class="background"></div>
<div class="content">
Scrollable content here
</div>
Fixed content here
</ons-page>
Since content
element is transparent by default, we can add custom colors to the background
element. Notice that, if content
element is provided, scrollable and fixed content must be manually separated as well.
Name | Type | Description |
---|---|---|
modifier | String | The appearance of the button. Optional. |
icon | String |
Creates an ons-icon component with this string.
Optional.
|
disabled | Specify if button should be disabled. Optional. | |
var | String | Variable name to refer this button. Optional. Works only during initialization. |
Name | Description |
---|---|
disabled | Whether the element is disabled or not. |
Name | Description |
---|---|
material | Material Design toolbar button. |
outline | A button with an outline. |
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.