ion-backdrop
Backdropは、他のコンポーネントをオーバーレイするためフルスクリーンのコンポーネントです。これらは、他のコンテンツの上に遷移するコンポーネントのバックグラウンドで役立ち、そのコンポーネントを削除するために使用できます。
Basic Usage
The backdrop is transparent by default. The backdrop will prevent clicking or tapping on the content behind it.
Styling
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).
プロパティ
stopPropagation
| Description | If true, the backdrop will stop propagation on tap. |
| Attribute | stop-propagation |
| Type | boolean |
| Default | true |
tappable
| Description | If true, the backdrop will can be clicked and will emit the ionBackdropTap event. |
| Attribute | tappable |
| Type | boolean |
| Default | true |
visible
| Description | If true, the backdrop will be visible. |
| Attribute | visible |
| Type | boolean |
| Default | true |
イベント
| Name | Description |
|---|---|
ionBackdropTap | Emitted when the backdrop is tapped. |
メソッド
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSSカスタムプロパティ
No CSS custom properties available for this component.
Slots
No slots available for this component.