Skip to main content
Version: v6

ion-tab

shadow

The tab component is a child component of tabs. Each tab can contain a top level navigation stack for an app or a single view. An app can have many tabs, all with their own independent navigation.

note

Note: This component should only be used with vanilla JavaScript projects. For Angular, React, and Vue apps you do not need to use ion-tab to declare your tab components.

See the tabs documentation for more details on configuring tabs.

Properties

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

Events

No events available for this component.

Methods

setActive

Descriptionタブのアクティブコンポーネントを設定します。
SignaturesetActive() => Promise<void>

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

No slots available for this component.