メインコンテンツまでスキップ
バージョン: v8

ion-tab

shadow

タブコンポーネントは、tabs の子コンポーネントです。各タブには、アプリまたは単一のビューのトップレベルのナビゲーション スタックを含めることができます。アプリには多くのタブがあり、それぞれが独立したナビゲーションを持つことができます。

注記

Angular、React、Vue は、ion-tabs コンポーネントが basic usage に設定されている場合にのみ、このコンポーネントを使用できます。ルーティングでタブを設定する場合、ion-tabコンポーネントは使用できません。

JavaScript では、このコンポーネントは ion-tabs コンポーネントを basic usage または usage with router に設定した場合に使用できます。

詳しい設定方法は tabs documentation をご覧ください。

プロパティ

component

DescriptionThe component to display inside of the tab.
Attributecomponent
TypeFunction | HTMLElement | null | string | undefined
Defaultundefined

tab

DescriptionA 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.
Attributetab
Typestring
Defaultundefined

イベント

No events available for this component.

メソッド

setActive

DescriptionSet the active component for the tab
SignaturesetActive() => 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.