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 or Stencil 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	タブの内側に表示するコンポーネントです。
Attribute	component
Type	Function ｜ HTMLElement ｜ null ｜ string ｜ undefined
Default	undefined

tab

Description	A 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.
Attribute	tab
Type	string
Default	undefined

Events

No events available for this component.

Methods

setActive

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