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.
注記
Angular, React, and Vue can only use this component when the ion-tabs component is configured for basic usage. When setting up tabs with routing, the ion-tab component cannot be used.
In JavaScript, this component can be used with the ion-tabs component configured for either basic usage or usage with router.
See the tabs documentation for more details on configuring tabs.
Properties
component
| Description | タブの内側に表示するコンポーネントです。 |
| Attribute | component |
| Type | Function ｜ HTMLElement ｜ null ｜ string ｜ undefined |
| Default | undefined |
tab
| Description | 各 ion-tab にはタブ ID を指定する必要があります。これは、選択されたタブを参照したり、ルータがタブを切り替えたりするために内部的に使用される。 |
| Attribute | tab |
| Type | string |
| Default | undefined |
Events
No events available for this component.
Methods
setActive
| Description | タブのアクティブコンポーネントを設定します。 |
| 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.