javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(tab): rename tab properties

Browse Source
This commit is contained in:
Adam Bradley
2018-03-28 10:12:04 -05:00
parent b1b3c19908
commit 0105a4ee47
13 changed files with 140 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
core/src/components/tab/readme.md
View File

@ -55,20 +55,6 @@ export class Tabs {
boolean
#### badge
string
The badge for the tab.
#### badgeStyle
string
The badge color for the tab button.
#### btnId
string
@ -100,13 +86,6 @@ 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.
#### name
string
@ -128,39 +107,46 @@ boolean
If true, the tab button is visible within the tabbar. Defaults to `true`.
#### tabsHideOnSubPages
#### tabBadge
boolean
string
If true, hide the tabs on child pages.
The badge for the tab.
#### title
#### tabBadgeStyle
string
The title of the tab.
The badge color for the tab button.
## Attributes
#### tabIcon
#### active
string
boolean
The icon for the tab.
#### badge
#### tabTitle
string
The badge for the tab.
The title of the tab.
#### badge-style
#### tabsHideOnSubPages
string
boolean
The badge color for the tab button.
If true, hide the tabs on child pages.
## Attributes
#### active
boolean
#### btn-id
@ -194,13 +180,6 @@ 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.
#### name
string
@ -222,20 +201,41 @@ boolean
If true, the tab button is visible within the tabbar. Defaults to `true`.
#### tabs-hide-on-sub-pages
#### tab-badge
boolean
string
If true, hide the tabs on child pages.
The badge for the tab.
#### title
#### tab-badge-style
string
The badge color for the tab button.
#### tab-icon
string
The icon for the tab.
#### tab-title
string
The title of the tab.
#### tabs-hide-on-sub-pages
boolean
If true, hide the tabs on child pages.
## Events
#### ionSelect

10
core/src/components/tab/tab.tsx
View File

@ -19,7 +19,7 @@ export class Tab {
/**
* The title of the tab.
*/
@Prop() title: string;
@Prop() tabTitle: string;
/**
* The URL which will be used as the `href` within this tab's `<ion-tab-button>` anchor.
@ -29,17 +29,17 @@ export class Tab {
/**
* The icon for the tab.
*/
@Prop() icon: string;
@Prop() tabIcon: string;
/**
* The badge for the tab.
*/
@Prop() badge: string;
@Prop() tabBadge: string;
/**
* The badge color for the tab button.
*/
@Prop() badgeStyle = 'default';
@Prop() tabBadgeStyle = 'default';
/**
* The component to display inside of the tab.
@ -87,7 +87,7 @@ export class Tab {
componentWillLoad() {
if (Build.isDev) {
if (this.component && this.el.childElementCount > 0) {
console.error('You can not use a lazy-loaded component in a tab and inlineed content at the same time.' +
console.error('You can not use a lazy-loaded component in a tab and inlined content at the same time.' +
`- Remove the component attribute in: <ion-tab component="${this.component}">` +
` or` +
`- Remove the embeded content inside the ion-tab: <ion-tab></ion-tab>`);