ion-tab

The tab component is a child component of tabs. Each tab can contain a top level navigation stack for an app or a single view. An app can have many tabs, all with their own independent navigation.

Note: This component should only be used with vanilla or Stencil JavaScript projects. For Angular, React, and Vue apps you do not need to use ion-tab to declare your tab components.

See the tabs documentation for more details on configuring tabs.

Properties

component
Description	The component to display inside of the tab.
Attribute	`component`
Type	`Function \| HTMLElement \| null \| string \| undefined`
tab
Description	A tab id must be provided for each `ion-tab`. It's used internally to reference the selected tab or by the router to switch between them.
Attribute	`tab`
Type	`string`

Methods

setActive
Description	Set the active component for the tab
Signature	`setActive() => Promise<void>`

Dec	JAN	Feb
	18
2020	2021	2022

ion-tab

Properties

component

tab

Methods

setActive