ion-tabbar
Tabbar is an internal component for Tabs. Please see the Tabs documentation.
Properties
color
string
highlight
boolean
If true, show the tab highlight bar under the selected tab.
layout
string
Set the layout of the text and icon in the tabbar. Available options: "icon-top", "icon-start", "icon-end", "icon-bottom", "icon-hide", "label-hide".
mode
string
placement
string
Set the position of the tabbar, relative to the content. Available options: "top", "bottom".
selectedTab
HTMLIonTabElement
The selected tab component
tabs
HTMLIonTabElement[]
The tabs to render
translucent
boolean
If true, the tabbar will be translucent. Defaults to false.
Attributes
color
string
highlight
boolean
If true, show the tab highlight bar under the selected tab.
layout
string
Set the layout of the text and icon in the tabbar. Available options: "icon-top", "icon-start", "icon-end", "icon-bottom", "icon-hide", "label-hide".
mode
string
placement
string
Set the position of the tabbar, relative to the content. Available options: "top", "bottom".
selected-tab
The selected tab component
tabs
The tabs to render
translucent
boolean
If true, the tabbar will be translucent. Defaults to false.
Events
ionTabbarClick
Emitted when the tab bar is clicked
Built with StencilJS