バージョン: v8

ion-backdrop

バックドロップは、他のコンポーネントの上にオーバーレイ表示されるフルスクリーンコンポーネントです。他のコンテンツの上にトランジション表示されるコンポーネントの背後で役立ち、そのコンポーネントを閉じるために使用できます。

基本的な使い方

バックドロップは、その背後にあるコンテンツのクリックやタップを防ぎます。デフォルトでは透明であるため、以下のデモでは表示されるようにCSSを含めています。

バックドロップは、CSSプロパティをバックドロップ要素に直接割り当てることでカスタマイズできます。一般的なプロパティには、background-color、background、およびopacityが含まれます。

バックドロップの上にコンテンツを表示するには、バックドロップよりも高いz-indexをコンテンツに設定します（デフォルトは2です）。

説明	`true`の場合、バックドロップはタップ時に伝播を停止します。
属性	`stop-propagation`
型	`boolean`
デフォルト	`true`

説明	`true`の場合、バックドロップはクリック可能になり、`ionBackdropTap`イベントを発行します。
属性	`tappable`
型	`boolean`
デフォルト	`true`

名前	説明	バブル
`ionBackdropTap`	バックドロップがタップされたときに発行されます。	`true`

このコンポーネントで利用できるパブリックメソッドはありません。

このコンポーネントで利用できるCSSシャドウパーツはありません。

このコンポーネントで利用できるCSSカスタムプロパティはありません。

このコンポーネントで利用できるスロットはありません。