Tab bar is a UI component that hold the array of tab buttons. The Tab bar can provide a global setting for different tab/icon layouts as well as different positions for the bar itself.

See the Tabs API Docs for more details on configuring Tabs.

Properties

Property	Attribute	Description	Type
`color`	`color`	The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see theming.	`string \| undefined`
`disabled`	`disabled`	The selected tab component	`boolean`
`href`	`href`	The URL which will be used as the `href` within this tab's button anchor.	`string \| undefined`
`layout`	`layout`	Set the layout of the text and icon in the tabbar.	`"icon-bottom" \| "icon-end" \| "icon-hide" \| "icon-start" \| "icon-top" \| "label-hide"`
`mode`	`mode`	The mode determines which platform styles to use. Possible values are: `"ios"` or `"md"`.	`"ios" \| "md"`
`tab`	`tab`	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.	`string \| undefined`

Built with StencilJS