René's URL Explorer Experiment

Title: ion-header: Header Parent Component for Ionic Framework Apps

Open Graph Title: ion-header | Ionic Framework

Description: Ion-header is a parent component that holds the toolbar. It's important to note that ion-header needs to be the one of the three root elements of a page.

Open Graph Description: ion-header: Header Parent Component for Ionic Framework Apps

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

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/header#__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/header
v8	https://staging.ionicframework.com/docs/api/header
v7	https://staging.ionicframework.com/docs/v7/api/header
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/header
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/header
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/header
English	https://staging.ionicframework.com/docs/api/header
日本語	https://staging.ionicframework.com/docs/ja/api/header
Translate	https://ionicframework.com/translate
	https://twitter.com/Ionicframework
	https://ionic.link/discord
	https://github.com/ionic-team/ionic-framework
toolbars	https://staging.ionicframework.com/docs/api/toolbar
	https://staging.ionicframework.com/docs/api/header#basic-usage
	https://github.com/ionic-team/ionic-docs/issues/new/choose
	https://staging.ionicframework.com/docs/api/header#translucent-header
backdrop-filter	https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#browser_compatibility
	https://github.com/ionic-team/ionic-docs/issues/new/choose
	https://staging.ionicframework.com/docs/api/header#condensed-header
	https://github.com/ionic-team/ionic-docs/issues/new/choose
	https://staging.ionicframework.com/docs/api/header#fade-header
Condensed Header	https://staging.ionicframework.com/docs/api/header#condensed-header
	https://github.com/ionic-team/ionic-docs/issues/new/choose
	https://staging.ionicframework.com/docs/api/header#usage-with-virtual-scroll
	https://github.com/ionic-team/ionic-docs/issues/new/choose
	https://staging.ionicframework.com/docs/api/header#borders
	https://github.com/ionic-team/ionic-docs/issues/new/choose
	https://staging.ionicframework.com/docs/api/header#properties
	https://staging.ionicframework.com/docs/api/header#prop-collapse
Collapsible Large Titles	https://ionicframework.com/docs/api/title#collapsible-large-titles
	https://staging.ionicframework.com/docs/api/header#prop-mode
virtual property	https://staging.ionicframework.com/docs/core-concepts/fundamentals#virtual-properties
	https://staging.ionicframework.com/docs/api/header#prop-translucent
backdrop-filter	https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility
	https://staging.ionicframework.com/docs/api/header#events
	https://staging.ionicframework.com/docs/api/header#methods
	https://staging.ionicframework.com/docs/api/header#css-shadow-parts
	https://staging.ionicframework.com/docs/api/header#css-custom-properties
	https://staging.ionicframework.com/docs/api/header#slots
Edit this page	https://github.com/ionic-team/ionic-docs/tree/main/docs/api/header.md
Previousion-toolbar	https://staging.ionicframework.com/docs/api/toolbar
Nextion-footer	https://staging.ionicframework.com/docs/api/footer
Basic Usage	https://staging.ionicframework.com/docs/api/header#basic-usage
Translucent Header	https://staging.ionicframework.com/docs/api/header#translucent-header
Condensed Header	https://staging.ionicframework.com/docs/api/header#condensed-header
Fade Header	https://staging.ionicframework.com/docs/api/header#fade-header
Usage with Virtual Scroll	https://staging.ionicframework.com/docs/api/header#usage-with-virtual-scroll
Borders	https://staging.ionicframework.com/docs/api/header#borders
Properties	https://staging.ionicframework.com/docs/api/header#properties
collapse	https://staging.ionicframework.com/docs/api/header#prop-collapse
mode	https://staging.ionicframework.com/docs/api/header#prop-mode
translucent	https://staging.ionicframework.com/docs/api/header#prop-translucent
Events	https://staging.ionicframework.com/docs/api/header#events
Methods	https://staging.ionicframework.com/docs/api/header#methods
CSS Shadow Parts	https://staging.ionicframework.com/docs/api/header#css-shadow-parts
CSS Custom Properties	https://staging.ionicframework.com/docs/api/header#css-custom-properties
Slots	https://staging.ionicframework.com/docs/api/header#slots
Edit this page	https://github.com/ionic-team/ionic-docs/tree/main/docs/api/header.md

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

URLs of crawlers that visited me.