ion-tab
The Tab component is a child component of the Tabs component. Each Tab is meant to be a top level navigation stack for an app. Meaning that an app can have many tabs, all wit their own independent navigation.
See the Tabs API Docs for more details on configuring Tabs.
Properties
active
boolean
If true, sets the tab as the active tab.
badge
string
The badge for the tab.
badgeColor
string
The badge color for the tab button.
btnId
string
hidden
component
string
The component to display inside of the tab.
delegate
FrameworkDelegate
hidden
disabled
boolean
If true, the user cannot interact with the tab. Defaults to false.
href
string
The URL which will be used as the href within this tab's <ion-tab-button> anchor.
icon
string
The icon for the tab.
label
string
The label of the tab.
name
string
The name of the tab.
selected
boolean
If true, the tab will be selected. Defaults to false.
show
boolean
If true, the tab button is visible within the tabbar. Defaults to true.
tabsHideOnSubPages
boolean
If true, hide the tabs on child pages.
Attributes
active
boolean
If true, sets the tab as the active tab.
badge
string
The badge for the tab.
badge-color
string
The badge color for the tab button.
btn-id
string
hidden
component
string
The component to display inside of the tab.
delegate
hidden
disabled
boolean
If true, the user cannot interact with the tab. Defaults to false.
href
string
The URL which will be used as the href within this tab's <ion-tab-button> anchor.
icon
string
The icon for the tab.
label
string
The label of the tab.
name
string
The name of the tab.
selected
boolean
If true, the tab will be selected. Defaults to false.
show
boolean
If true, the tab button is visible within the tabbar. Defaults to true.
tabs-hide-on-sub-pages
boolean
If true, hide the tabs on child pages.
Events
ionSelect
Emitted when the current tab is selected.
ionTabMutated
Emitted when the tab props mutates. Used internally.
Methods
getTabId()
Get the Id for the tab
setActive()
Set the active component for the tab
Built with StencilJS