ion-tab
タブコンポーネントは、tabs の子コンポーネントです。各タブには、アプリまたは単一のビューのトップレベルのナビゲーション スタックを含めることができます。アプリには多くのタブがあり、それぞれが独立したナビゲーションを持つことができます。
note
Angular、React、Vue は、ion-tabs コンポーネントが basic usage に設定されている場合にのみ、このコンポーネントを使用できます。ルーティングでタブを設定する場合、ion-tabコンポーネントは使用できません。
JavaScript では、このコンポーネントは ion-tabs コンポーネントを basic usage または usage with router に設定した場合に使用できます。
詳しい設定方法は tabs documentation をご覧ください。
プロパティ
component
| Description | タブの内側に表示するコンポーネントです。 |
| Attribute | component |
| Type | Function ｜ HTMLElement ｜ null ｜ string ｜ undefined |
| Default | undefined |
tab
| Description | 各 ion-tab にはタブ ID を指定する必要があります。これは、選択されたタブを参照したり、ルータがタブを切り替えたりするために内部的に使用される。 |
| Attribute | tab |
| Type | string |
| Default | undefined |
イベント
No events available for this component.
メソッド
setActive
| Description | タブのアクティブコンポーネントを設定します。 |
| Signature | setActive() => Promise<void> |
CSS Shadow Parts
No CSS shadow parts available for this component.
CSSカスタムプロパティ
No CSS custom properties available for this component.
Slots
No slots available for this component.