Ionic 6 and Tabs Heder

I have a strange behavior that, maybe, could depend on the version of Ionic that I installed (6.10.1).

Tabbed browsing works perfectly but, unlike the video, when I click on “offers” rather than “discover” the content of the page changes (Discover page, Offers page) but the header does not. I have come to the conclusion that this mechanism is desired. What do you think about it?

<ion-header>
	<ion-toolbar>
		<ion-title>Places</ion-title>
	</ion-toolbar>
</ion-header>

<!-- <ion-content> -->
	<ion-tabs>
		<ion-tab-bar slot="bottom">
			<ion-tab-button tab="discover">
				<ion-label>Discover</ion-label>
				<ion-icon name="search"></ion-icon>
			</ion-tab-button>
			<ion-tab-button tab="offers">
				<ion-label>Offers</ion-label>
				<ion-icon name="card"></ion-icon>
			</ion-tab-button>
		</ion-tab-bar>
	</ion-tabs>
<!-- </ion-content> -->


Thanks a lot for everything.

here is starter kit that comes with guard + menu + tabs

1 Like