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-tabto 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 referencethe selected tab or by the router to switch between them. |
| Attribute | tab |
| Type | string |
| Default | undefined |
Methods#
setActive#
| Description | Set the active component for the tab |
| Signature | setActive() => Promise<void> |