Skip to main content
Version: v7

ion-tab

shadow

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

note

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

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

プロパティ

component

Descriptionタブの内側に表示するコンポーネントです。
Attributecomponent
TypeFunction | HTMLElement | null | string | undefined
Defaultundefined

tab

Descriptionion-tab にはタブ ID を指定する必要があります。これは、選択されたタブを参照したり、ルータがタブを切り替えたりするために内部的に使用される。
Attributetab
Typestring
Defaultundefined

イベント

No events available for this component.

メソッド

setActive

Descriptionタブのアクティブコンポーネントを設定します。
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.