René's URL Explorer Experiment

Title: ion-backdrop | Ionic Framework

Open Graph Title: ion-backdrop | Ionic Framework

Description: Backdrops 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.

Open Graph Description: Backdrops 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.

Opengraph URL: https://ionicframework.com/docs/api/backdrop

X: @ionicframework

Generator: Docusaurus v3.7.0

direct link

Domain: staging.ionicframework.com

og:locale	en
og:locale:alternate	ja
docusaurus_locale	en
docsearch:language	en
og:image	https://ionicframework.com/docs/img/meta/open-graph.png
twitter:image	https://ionicframework.com/docs/img/meta/open-graph.png
twitter:card	summary_large_image
twitter:domain	ionicframework.com
twitter:creator	ionicframework
fb:page_id	1321836767955949
og:type	website
og:site_name	Ionic Framework Docs
docusaurus_version	current
docusaurus_tag	docs-default-current
docsearch:version	current
docsearch:docusaurus_tag	docs-default-current

Links:

Skip to main content	https://staging.ionicframework.com/docs/api/backdrop#__docusaurus_skipToContent_fallback
An OutSystems Company →	https://www.outsystems.com/?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none
	https://staging.ionicframework.com/docs/
	https://staging.ionicframework.com/docs/
Getting Started	https://staging.ionicframework.com/docs/components
UI Components	https://staging.ionicframework.com/docs/components
Accordion	https://staging.ionicframework.com/docs/api/accordion
ion-accordion	https://staging.ionicframework.com/docs/api/accordion
ion-accordion-group	https://staging.ionicframework.com/docs/api/accordion-group
Action Sheet	https://staging.ionicframework.com/docs/api/action-sheet
ion-action-sheet	https://staging.ionicframework.com/docs/api/action-sheet
Alert	https://staging.ionicframework.com/docs/api/alert
ion-alert	https://staging.ionicframework.com/docs/api/alert
Badge	https://staging.ionicframework.com/docs/api/badge
ion-badge	https://staging.ionicframework.com/docs/api/badge
Breadcrumbs	https://staging.ionicframework.com/docs/api/breadcrumb
ion-breadcrumb	https://staging.ionicframework.com/docs/api/breadcrumb
ion-breadcrumbs	https://staging.ionicframework.com/docs/api/breadcrumbs
Button	https://staging.ionicframework.com/docs/api/button
ion-button	https://staging.ionicframework.com/docs/api/button
ion-ripple-effect	https://staging.ionicframework.com/docs/api/ripple-effect
Card	https://staging.ionicframework.com/docs/api/card
ion-card	https://staging.ionicframework.com/docs/api/card
ion-card-content	https://staging.ionicframework.com/docs/api/card-content
ion-card-header	https://staging.ionicframework.com/docs/api/card-header
ion-card-subtitle	https://staging.ionicframework.com/docs/api/card-subtitle
ion-card-title	https://staging.ionicframework.com/docs/api/card-title
Checkbox	https://staging.ionicframework.com/docs/api/checkbox
ion-checkbox	https://staging.ionicframework.com/docs/api/checkbox
Chip	https://staging.ionicframework.com/docs/api/chip
ion-chip	https://staging.ionicframework.com/docs/api/chip
Content	https://staging.ionicframework.com/docs/api/app
ion-app	https://staging.ionicframework.com/docs/api/app
ion-content	https://staging.ionicframework.com/docs/api/content
Date & Time Pickers	https://staging.ionicframework.com/docs/api/datetime
ion-datetime	https://staging.ionicframework.com/docs/api/datetime
ion-datetime-button	https://staging.ionicframework.com/docs/api/datetime-button
ion-picker	https://staging.ionicframework.com/docs/api/picker
ion-picker-column	https://staging.ionicframework.com/docs/api/picker-column
ion-picker-column-option	https://staging.ionicframework.com/docs/api/picker-column-option
ion-picker-legacy	https://staging.ionicframework.com/docs/api/picker-legacy
Floating Action Button	https://staging.ionicframework.com/docs/api/fab
ion-fab	https://staging.ionicframework.com/docs/api/fab
ion-fab-button	https://staging.ionicframework.com/docs/api/fab-button
ion-fab-list	https://staging.ionicframework.com/docs/api/fab-list
Grid	https://staging.ionicframework.com/docs/api/grid
ion-grid	https://staging.ionicframework.com/docs/api/grid
ion-col	https://staging.ionicframework.com/docs/api/col
ion-row	https://staging.ionicframework.com/docs/api/row
Icons	https://staging.ionicframework.com/docs/api/icon
ion-icon	https://staging.ionicframework.com/docs/api/icon
Infinite Scroll	https://staging.ionicframework.com/docs/api/infinite-scroll
ion-infinite-scroll	https://staging.ionicframework.com/docs/api/infinite-scroll
ion-infinite-scroll-content	https://staging.ionicframework.com/docs/api/infinite-scroll-content
Inputs	https://staging.ionicframework.com/docs/api/input
ion-input	https://staging.ionicframework.com/docs/api/input
ion-input-password-toggle	https://staging.ionicframework.com/docs/api/input-password-toggle
ion-input-otp	https://staging.ionicframework.com/docs/api/input-otp
ion-textarea	https://staging.ionicframework.com/docs/api/textarea
Item	https://staging.ionicframework.com/docs/api/item
ion-item	https://staging.ionicframework.com/docs/api/item
ion-item-divider	https://staging.ionicframework.com/docs/api/item-divider
ion-item-group	https://staging.ionicframework.com/docs/api/item-group
ion-item-sliding	https://staging.ionicframework.com/docs/api/item-sliding
ion-item-options	https://staging.ionicframework.com/docs/api/item-options
ion-item-option	https://staging.ionicframework.com/docs/api/item-option
ion-label	https://staging.ionicframework.com/docs/api/label
ion-note	https://staging.ionicframework.com/docs/api/note
List	https://staging.ionicframework.com/docs/api/list
ion-list	https://staging.ionicframework.com/docs/api/list
ion-list-header	https://staging.ionicframework.com/docs/api/list-header
Media	https://staging.ionicframework.com/docs/api/avatar
ion-avatar	https://staging.ionicframework.com/docs/api/avatar
ion-icon	https://staging.ionicframework.com/docs/api/icon
ion-img	https://staging.ionicframework.com/docs/api/img
ion-thumbnail	https://staging.ionicframework.com/docs/api/thumbnail
Menu	https://staging.ionicframework.com/docs/api/menu
ion-menu	https://staging.ionicframework.com/docs/api/menu
ion-menu-button	https://staging.ionicframework.com/docs/api/menu-button
ion-menu-toggle	https://staging.ionicframework.com/docs/api/menu-toggle
ion-split-pane	https://staging.ionicframework.com/docs/api/split-pane
Modal	https://staging.ionicframework.com/docs/api/modal
ion-modal	https://staging.ionicframework.com/docs/api/modal
ion-backdrop	https://staging.ionicframework.com/docs/api/backdrop
Navigation	https://staging.ionicframework.com/docs/api/nav
ion-nav	https://staging.ionicframework.com/docs/api/nav
ion-nav-link	https://staging.ionicframework.com/docs/api/nav-link
Popover	https://staging.ionicframework.com/docs/api/popover
ion-popover	https://staging.ionicframework.com/docs/api/popover
Progress Indicators	https://staging.ionicframework.com/docs/api/loading
ion-loading	https://staging.ionicframework.com/docs/api/loading
ion-progress-bar	https://staging.ionicframework.com/docs/api/progress-bar
ion-skeleton-text	https://staging.ionicframework.com/docs/api/skeleton-text
ion-spinner	https://staging.ionicframework.com/docs/api/spinner
Radio	https://staging.ionicframework.com/docs/api/radio
ion-radio	https://staging.ionicframework.com/docs/api/radio
ion-radio-group	https://staging.ionicframework.com/docs/api/radio-group
Range	https://staging.ionicframework.com/docs/api/range
ion-range	https://staging.ionicframework.com/docs/api/range
Refresher	https://staging.ionicframework.com/docs/api/refresher
ion-refresher	https://staging.ionicframework.com/docs/api/refresher
ion-refresher-content	https://staging.ionicframework.com/docs/api/refresher-content
Reorder	https://staging.ionicframework.com/docs/api/reorder
ion-reorder	https://staging.ionicframework.com/docs/api/reorder
ion-reorder-group	https://staging.ionicframework.com/docs/api/reorder-group
Routing	https://staging.ionicframework.com/docs/api/router
ion-router	https://staging.ionicframework.com/docs/api/router
ion-router-link	https://staging.ionicframework.com/docs/api/router-link
ion-router-outlet	https://staging.ionicframework.com/docs/api/router-outlet
ion-route	https://staging.ionicframework.com/docs/api/route
ion-route-redirect	https://staging.ionicframework.com/docs/api/route-redirect
Searchbar	https://staging.ionicframework.com/docs/api/searchbar
ion-searchbar	https://staging.ionicframework.com/docs/api/searchbar
Segment	https://staging.ionicframework.com/docs/api/segment
ion-segment	https://staging.ionicframework.com/docs/api/segment
ion-segment-button	https://staging.ionicframework.com/docs/api/segment-button
ion-segment-content	https://staging.ionicframework.com/docs/api/segment-content
ion-segment-view	https://staging.ionicframework.com/docs/api/segment-view
Select	https://staging.ionicframework.com/docs/api/select
ion-select	https://staging.ionicframework.com/docs/api/select
ion-select-option	https://staging.ionicframework.com/docs/api/select-option
Tabs	https://staging.ionicframework.com/docs/api/tabs
ion-tabs	https://staging.ionicframework.com/docs/api/tabs
ion-tab	https://staging.ionicframework.com/docs/api/tab
ion-tab-bar	https://staging.ionicframework.com/docs/api/tab-bar
ion-tab-button	https://staging.ionicframework.com/docs/api/tab-button
Toast	https://staging.ionicframework.com/docs/api/toast
ion-toast	https://staging.ionicframework.com/docs/api/toast
Toggle	https://staging.ionicframework.com/docs/api/toggle
ion-toggle	https://staging.ionicframework.com/docs/api/toggle
Toolbar	https://staging.ionicframework.com/docs/api/toolbar
ion-toolbar	https://staging.ionicframework.com/docs/api/toolbar
ion-header	https://staging.ionicframework.com/docs/api/header
ion-footer	https://staging.ionicframework.com/docs/api/footer
ion-title	https://staging.ionicframework.com/docs/api/title
ion-buttons	https://staging.ionicframework.com/docs/api/buttons
ion-back-button	https://staging.ionicframework.com/docs/api/back-button
Typography	https://staging.ionicframework.com/docs/api/text
ion-text	https://staging.ionicframework.com/docs/api/text
Resources	https://staging.ionicframework.com/docs/api
API Index	https://staging.ionicframework.com/docs/api
	https://staging.ionicframework.com/docs/
Guide	https://staging.ionicframework.com/docs/
Components	https://staging.ionicframework.com/docs/components
CLI	https://staging.ionicframework.com/docs/cli
Native	https://staging.ionicframework.com/docs/native
Ionic v8.0.0 Upgrade Guide	https://staging.ionicframework.com/docs/updating/8-0
v8	https://staging.ionicframework.com/docs/api/backdrop
v8	https://staging.ionicframework.com/docs/api/backdrop
v7	https://staging.ionicframework.com/docs/v7/api/backdrop
v6	https://ionic-docs-lq0if04rc-ionic1.vercel.app/docs/v6
v5	https://ionic-docs-5utg8ms4c-ionic1.vercel.app/docs/v5
v4	https://ionicframework.com/docs/v4/components
v3	https://ionicframework.com/docs/v3/
Community	https://staging.ionicframework.com/docs/api/backdrop
Community Hub	https://ionicframework.com/community
Forum	https://forum.ionicframework.com/
Meetups	https://www.meetup.com/topics/ionic-framework/
Blog	https://blog.ionicframework.com/
Twitter	https://twitter.com/ionicframework
Support	https://staging.ionicframework.com/docs/api/backdrop
Help Center	https://ionicframework.com/support
Customer Support	https://ionic.zendesk.com/
Enterprise Advisory	https://ionicframework.com/advisory
English	https://staging.ionicframework.com/docs/api/backdrop
English	https://staging.ionicframework.com/docs/api/backdrop
日本語	https://staging.ionicframework.com/docs/ja/api/backdrop
Translate	https://ionicframework.com/translate
	https://twitter.com/Ionicframework
	https://ionic.link/discord
	https://github.com/ionic-team/ionic-framework
shadow	https://staging.ionicframework.com/docs/reference/glossary#shadow
	https://staging.ionicframework.com/docs/api/backdrop#basic-usage
	https://github.com/ionic-team/ionic-docs/issues/new/choose
	https://staging.ionicframework.com/docs/api/backdrop#styling
	https://github.com/ionic-team/ionic-docs/issues/new/choose
	https://staging.ionicframework.com/docs/api/backdrop#properties
	https://staging.ionicframework.com/docs/api/backdrop#prop-stop-propagation
	https://staging.ionicframework.com/docs/api/backdrop#prop-tappable
	https://staging.ionicframework.com/docs/api/backdrop#prop-visible
	https://staging.ionicframework.com/docs/api/backdrop#events
	https://staging.ionicframework.com/docs/api/backdrop#methods
	https://staging.ionicframework.com/docs/api/backdrop#css-shadow-parts
	https://staging.ionicframework.com/docs/api/backdrop#css-custom-properties
	https://staging.ionicframework.com/docs/api/backdrop#slots
Edit this page	https://github.com/ionic-team/ionic-docs/tree/main/docs/api/backdrop.md
Previousion-modal	https://staging.ionicframework.com/docs/api/modal
Nextion-nav	https://staging.ionicframework.com/docs/api/nav
Basic Usage	https://staging.ionicframework.com/docs/api/backdrop#basic-usage
Styling	https://staging.ionicframework.com/docs/api/backdrop#styling
Properties	https://staging.ionicframework.com/docs/api/backdrop#properties
stopPropagation	https://staging.ionicframework.com/docs/api/backdrop#prop-stop-propagation
tappable	https://staging.ionicframework.com/docs/api/backdrop#prop-tappable
visible	https://staging.ionicframework.com/docs/api/backdrop#prop-visible
Events	https://staging.ionicframework.com/docs/api/backdrop#events
Methods	https://staging.ionicframework.com/docs/api/backdrop#methods
CSS Shadow Parts	https://staging.ionicframework.com/docs/api/backdrop#css-shadow-parts
CSS Custom Properties	https://staging.ionicframework.com/docs/api/backdrop#css-custom-properties
Slots	https://staging.ionicframework.com/docs/api/backdrop#slots
Edit this page	https://github.com/ionic-team/ionic-docs/tree/main/docs/api/backdrop.md

Viewport: width=device-width,initial-scale=1

URLs of crawlers that visited me.