shadowBackdrops are full screen components that overlay other components. They are useful behind components that transition in on top of other content and can be used to dismiss that component.
The backdrop is transparent by default. The backdrop will prevent clicking or tapping on the content behind it.
The backdrop can be customized by assigning CSS properties directly to the backdrop element. Common properties include background-color, background and opacity.
Content can be displayed above the backdrop by setting a z-index on the content, higher than the backdrop (defaults to 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.