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 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 |
Default | 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 |
Default | undefined |
Events
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.