shadowBackdropは、他のコンポーネントをオーバーレイするためフルスクリーンのコンポーネントです。これらは、他のコンテンツの上に遷移するコンポーネントのバックグラウンドで役立ち、そのコンポーネントを削除するために使用できます。
バックドロップは、デフォルトで透明です。バックドロップは、その背後にあるコンテンツのクリックやタップを防ぐことができます。
バックドロップは、CSSプロパティをバックドロップ要素に直接割り当てることで、カスタマイズすることができます。一般的なプロパティには background-color, background, opacity があります。
コンテンツに z-index を設定し、背景よりも高い位置に表示させることができます（デフォルトは 2 です）。
| Description | trueの場合、バックドロップはタップ時に伝搬を停止します。 |
| Attribute | stop-propagation |
| Type | boolean |
| Default | true |
| Description | trueの場合、背景をクリックすることができ、ionBackdropTapイベントを発生させます。 |
| Attribute | tappable |
| Type | boolean |
| Default | true |
| Description | trueの場合、バックドロップが表示されます。 |
| Attribute | visible |
| Type | boolean |
| Default | true |
| Name | Description |
|---|
ionBackdropTap | バックドロップがタップされたときに発行されます。 |
No public methods available for this component.
No CSS shadow parts available for this component.
No CSS custom properties available for this component.
No slots available for this component.