React Reference > Modal Component

<Modal />

画面全体をマスクするモーダル用コンポーネントです。下側にあるコンポーネントは、 モーダルが表示されている間はイベント通知が行われません

使い方 

<Page>
    <div> Page content </div>

    <Modal isOpen={this.state.isLoading}>
      Loading ...
    </Modal>
  </Page>

Prop一覧

[編集]
名前 型 / デフォルト値 概要
animation enum Animation name. Available animations are "fade", "lift" and "none". Optional.
animationOptions object Specify the animation’s duration, delay and timing. E.g. {duration: 0.2, delay: 0.4, timing: 'ease-in'}. Optional.
onPreShow func Called just before the modal is displayed. （翻訳中） Optional.
onPostShow func Called just after the modal is displayed. （翻訳中） Optional.
onPreHide func Called just before the modal is hidden. （翻訳中） Optional.
onPostHide func Called just after the modal is hidden. （翻訳中） Optional.
visible bool When true the modal will show itself. Optional.
isOpen bool DEPRECATED! Use visible instead. Optional.
onDeviceBackButton func Custom handler for device back button. （翻訳中） Optional.

お困りですか?

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

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

あわせて、下記の情報も参考にしてください。