Skip to main content
Version: v7

ion-tab

shadow

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

note

Note: このコンポーネントは、バニラまたはステンシルJavaScriptプロジェクトでのみ使用する必要があります。Angular、React、Vue のアプリでは、タブコンポーネントを宣言するために ion-tab を使用する必要はありません。

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

プロパティ

component

Descriptionタブの内側に表示するコンポーネントです。
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

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.