The “VOnsPage” component

The VOnsPage component serves as the main view of a screen in an app. It covers the whole screen and is used as a container for the other components. When managing multiple views, all of them must be contained in VOnsPage components.

  Content goes here

This component automatically spawns a background and a content elements. These can also be manually provided for higher customizability:

  Toolbar here

  <div class="background"></div>

  <div class="content">
    Scrollable content here

  Fixed content here

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.


名前 型 / デフォルト値 概要
disabled Boolean ボタンを無効化する場合は指定してください。 Optional.
icon String ons-iconコンポーネントを悪性します。 Optional.
modifier String ボタンの表現を指定します。 Optional.
Name 概要
material Material Design toolbar button. (翻訳中)
outline アウトラインをもったボタンを表示します。


Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。