mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00

* docs(all): possible values are extracted by stencil * add defaults * remove all hardcoded defaults * update stencil
ion-tab-bar
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 | Default |
---|---|---|---|---|
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 |
undefined |
disabled |
disabled |
The selected tab component | boolean |
false |
href |
href |
The URL which will be used as the href within this tab's button anchor. |
string | undefined |
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" |
'icon-top' |
mode |
mode |
The mode determines which platform styles to use. | "ios" | "md" |
undefined |
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 |
undefined |
Built with StencilJS