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

ion-tab

shadow

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

注記

Note: このコンポーネントは、Vanilla JavaScriptプロジェクトでのみ使用してください。Angular、React、Vueアプリでは、ion-tabを使ってタブコンポーネントを宣言する必要はありません。

詳しい設定方法は 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.