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
Note: This component should only be used with vanilla 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 Default
undefinedtab
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 Default
undefinedEvents
No events available for this component.
Methods
setActive
Description Set the active component for the tab
Signature
setActive() => Promise<void>CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Properties
No CSS custom properties available for this component.
Slots
No slots available for this component.